Make timer smaller

apache · Dec 8, 2016 · b474429 · b474429
1 parent da2a88c
commit b474429
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/superset/assets/javascripts/components/Timer.jsx b/superset/assets/javascripts/components/Timer.jsx
@@ -42,7 +42,10 @@ class Timer extends React.PureComponent {
     let timerSpan = null;
     if (this.props) {
       timerSpan = (
-        <span className={'inlineBlock m-r-5 label label-' + this.props.state}>
+        <span
+          className={`inlineBlock m-r-5 label label-${this.props.state}`}
+          style={this.props.style}
+        >
           {this.state.clockStr}
         </span>
       );
@@ -55,12 +58,14 @@ Timer.propTypes = {
   endTime: React.PropTypes.number,
   isRunning: React.PropTypes.bool.isRequired,
   state: React.PropTypes.string,
+  style: React.PropTypes.object,
 };
 
 Timer.defaultProps = {
   startTime: null,
   endTime: null,
   state: 'success',
+  style: null,
 };
 
 export default Timer;
diff --git a/superset/assets/javascripts/explorev2/components/ChartContainer.jsx b/superset/assets/javascripts/explorev2/components/ChartContainer.jsx
@@ -219,6 +219,7 @@ class ChartContainer extends React.Component {
                   endTime={this.props.chartUpdateEndTime}
                   isRunning={this.props.chartStatus === 'loading'}
                   state={CHART_STATE_MAP[this.props.chartStatus]}
+                  style={{ 'font-size': '10px' }}
                 />
                 <ExploreActionButtons
                   slice={this.state.mockSlice}