[Chrome] Made some stlye changes and html to ensure shield looks and …

…works right
elastic · Mar 15, 2016 · 5a048cd · 5a048cd
1 parent 40f91ba
commit 5a048cd
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/ui/public/chrome/chrome.html b/src/ui/public/chrome/chrome.html
@@ -21,17 +21,17 @@
 
     <app-switcher>
     </app-switcher>
-    <div class="bottom-apps hide app-links">
-      <div class="chrome-actions" kbn-chrome-append-nav-controls></div>
-      <div class="app-link">
+    <div class="bottom-apps app-links">
+      <div class="chrome-actions app-links" kbn-chrome-append-nav-controls></div>
+      <div class="hide app-link">
         <a href="http://elastic.co">
           <div class="app-icon">
             <i class="fa fa-gear"></i>
           </div>
           <div class="app-title">settings</div>
         </a>
       </div>
-      <div class="app-link">
+      <div class="hide app-link">
         <a href="http://elastic.co">
           <div class="app-icon">
             <i class="fa fa-user"></i>

diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -98,7 +98,6 @@ body { overflow-x: hidden; }
 
     .app-icon {
       float: left;
-      filter: invert(100%);
       font-weight: bold;
       text-align: center;
       font-size: 1.7em;
@@ -109,6 +108,11 @@ body { overflow-x: hidden; }
       > img {
         height: 18px;
         margin-top: 8px;
+        filter: invert(100%);
+      }
+      > i {
+        color: #fff;
+        line-height: @app-icon-height
       }
     }
 
@@ -142,7 +146,7 @@ body { overflow-x: hidden; }
         text-decoration: none;
       }
       img {
-        filter: invert(100%);
+        filter: none;
       }
     }