fix props table margin (#58)

patternfly · Oct 31, 2019 · d61df04 · d61df04
1 parent 115605a
commit d61df04
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/gatsby-theme-patternfly-org/components/propsTable.css b/gatsby-theme-patternfly-org/components/propsTable.css
@@ -0,0 +1,3 @@
+.ws-props-table:not(:last-child) {
+  margin-bottom: var(--pf-global--spacer--lg);
+}
diff --git a/gatsby-theme-patternfly-org/components/propsTable.js b/gatsby-theme-patternfly-org/components/propsTable.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { ExclamationCircleIcon } from '@patternfly/react-icons';
+import './propsTable.css';
 
 const renderType = prop => {
   if (prop.type) {
@@ -20,7 +21,7 @@ const renderType = prop => {
 
 // This component is only for our React components
 const PropsTable = ({ caption, propList }) => (
-  <table className="pf-c-table pf-m-compact pf-m-grid-md" role="grid" aria-label="Properties for a component">
+  <table className="ws-props-table pf-c-table pf-m-compact pf-m-grid-md" role="grid" aria-label="Properties for a component">
     <caption>{caption}</caption>
     <thead>
       <tr>