Using classes for padding

apache · Jan 15, 2019 · cffb69e · cffb69e
1 parent b39841f
commit cffb69e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/superset/assets/src/components/TableSelector.jsx b/superset/assets/src/components/TableSelector.jsx
@@ -208,7 +208,7 @@ export default class TableSelector extends React.PureComponent {
     return (
       <div className="m-t-5">
         <div className="row">
-          <div className="col-md-11 col-xs-11" style={{ paddingRight: '2px' }}>
+          <div className="col-md-11 col-xs-11 p-r-2">
             <Select
               name="select-schema"
               placeholder={t('Select a schema (%s)', this.state.schemaOptions.length)}
@@ -224,7 +224,7 @@ export default class TableSelector extends React.PureComponent {
               onChange={this.changeSchema}
             />
           </div>
-          <div className="col-md-1 col-xs-1" style={{ paddingTop: '8px', paddingLeft: '0px' }}>
+          <div className="col-md-1 col-xs-1 p-l-0 p-t-8">
             <RefreshLabel
               onClick={() => this.onDatabaseChange({ id: this.props.dbId }, true)}
               tooltipContent={t('force refresh schema list')}
@@ -247,7 +247,7 @@ export default class TableSelector extends React.PureComponent {
     return (
       <div className="m-t-5">
         <div className="row">
-          <div className="col-md-11 col-xs-11" style={{ paddingRight: '2px' }}>
+          <div className="col-md-11 col-xs-11 p-r-2">
             {this.props.schema ? (
               <Select
                 name="select-table"
@@ -274,7 +274,7 @@ export default class TableSelector extends React.PureComponent {
               />
             )}
           </div>
-          <div className="col-md-1 col-xs-1" style={{ paddingTop: '8px', paddingLeft: '0px' }}>
+          <div className="col-md-1 col-xs-1 p-l-0 p-t-8">
             <RefreshLabel
               onClick={() => this.changeSchema({ value: this.props.schema }, true)}
               tooltipContent={t('force refresh table list')}

diff --git a/superset/assets/stylesheets/superset.less b/superset/assets/stylesheets/superset.less
@@ -278,6 +278,16 @@ table.table-no-hover tr:hover {
 .m-l-25 {
     margin-left: 25px;
 }
+.p-l-0 {
+    padding-left: 0;
+}
+.p-t-8 {
+    padding-top: 8;
+}
+.p-r-2 {
+    padding-right: 2;
+}
+
 .Select-menu-outer {
     z-index: 10 !important;
 }