increase space between fieldsset rows (#1629)

apache · Nov 18, 2016 · 2c068a1 · 2c068a1
1 parent b961c95
commit 2c068a1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/superset/assets/javascripts/explorev2/components/FieldSetRow.jsx b/superset/assets/javascripts/explorev2/components/FieldSetRow.jsx
@@ -29,7 +29,7 @@ export default class FieldSetRow extends React.Component {
   render() {
     const colSize = NUM_COLUMNS / this.props.fieldSets.length;
     return (
-      <div className="row">
+      <div className="row space-2">
         {this.props.fieldSets.map((fs) => {
           const fieldData = this.getFieldData(fs);
           return (

diff --git a/superset/assets/stylesheets/less/cosmo/bootswatch.less b/superset/assets/stylesheets/less/cosmo/bootswatch.less
@@ -412,3 +412,12 @@ a.list-group-item {
 hr {
   margin: 10px 0;
 }
+
+// generate space-n classes for vertical spacing
+.space-loop(@counter) when (@counter > 0) {
+  .space-loop((@counter - 1));    // next iteration
+  .space-@{counter} {
+    margin-bottom: (10px * @counter); // code for each iteration
+  }
+}
+.space-loop(6);