Add missing padding to Timelion title. (elastic#8919) (elastic#8957)

Former-commit-id: e57608b
airow · Nov 3, 2016 · 31d4e35 · 31d4e35
1 parent 1768999
commit 31d4e35
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 53 deletions.
diff --git a/src/core_plugins/timelion/public/app.less b/src/core_plugins/timelion/public/app.less
@@ -18,50 +18,50 @@
 .timelion {
   position: relative;
 
-  &-container {
-    margin: 20px;
+  .config .list-group-item .container-fluid {
+    background-color: transparent;
+    padding: 0;
   }
+}
 
-  &-container-drawer {
-    position: fixed;
-    bottow: 0px;
+.timelion-container {
+  margin: 20px;
+}
 
-    &-tab {
-      width: 100%;
-      background-color: @gray-lighter;
-    }
-  }
+.timelion-container-drawer {
+  position: fixed;
+  bottow: 0px;
+}
 
-  &-expression {
-    position: relative !important;
-  }
+.timelion-container-drawer-tab {
+  width: 100%;
+  background-color: @gray-lighter;
+}
 
-  &-subnav {
-    background-color: @gray-lighter;
-    margin: 0px
-  }
+.timelion-expression {
+  position: relative !important;
+}
 
-  &-stats {
-    font-weight: normal;
-  }
+.timelion-subnav {
+  background-color: @gray-lighter;
+  margin: 0px
+}
 
-  &-buttons {
-    position: absolute;
-    right: 0px;
-    display: inline-block;
-    padding: 5px 20px;
-    background-color: @navbar-default-bg;
-    border-bottom-left-radius: @border-radius-base;
+.timelion-stats {
+  font-weight: normal;
+}
 
-    a {
-      margin: 5px;
-      color: #000;
-    }
-  }
+.timelion-buttons {
+  position: absolute;
+  right: 0px;
+  display: inline-block;
+  padding: 5px 20px;
+  background-color: @navbar-default-bg;
+  border-bottom-left-radius: @border-radius-base;
 
-  .config .list-group-item .container-fluid {
-    background-color: transparent;
-    padding: 0;
+  a {
+    margin: 5px;
+    color: #000;
   }
 }
 

diff --git a/src/core_plugins/timelion/public/index.html b/src/core_plugins/timelion/public/index.html
@@ -3,16 +3,16 @@
   <kbn-top-nav name="timelion" config="topNavMenu">
     <!-- Transcluded elements. -->
     <div data-transclude-slots>
-      <div data-transclude-slot="topLeftCorner" class="kibana-nav-info">
-        <span class="kibana-nav-info-title">
-          <span ng-show="opts.savedSheet.id">
-            {{opts.savedSheet.title}}
-            <i class="fa fa-bolt" ng-click="showStats = !showStats"></i>
-          </span>
-          <small class="timelion-stats" ng-show="showStats">
+      <div data-transclude-slot="topLeftCorner">
+        <span class="localTitle" ng-show="opts.savedSheet.id">
+          {{opts.savedSheet.title}}
+          &nbsp;
+          <span class="fa fa-bolt" ng-click="showStats = !showStats"></span>
+          &nbsp;
+          <span class="timelion-stats" ng-show="showStats">
             Query Time {{stats.queryTime - stats.invokeTime}}ms /
             Processing Time {{stats.sheetTime - stats.queryTime}}ms
-          </small>
+          </span>
         </span>
       </div>
 

diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
@@ -161,16 +161,6 @@ a {
         border-radius: 0;
       }
     }
-
-    .kibana-nav-info {
-      line-height: 30px;
-      padding: 0 10px;
-    }
-
-      .kibana-nav-info-title {
-        font-weight: bold;
-        margin-right: 10px;
-      }
   }
 
   > config {