From 678bfab363ff545c4e068f9cd0142f628c7b026d Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Thu, 14 Jan 2016 15:35:05 -0400
Subject: [PATCH 001/181] [Kibana5.0] First go at the css

---
 src/optimize/BaseOptimizer.js                 |   5 +-
 .../elasticsearch/lib/expose_client.js        |   2 +
 src/plugins/kibana/public/kibana.js           |   6 +-
 src/ui/public/chrome/chrome.html              | 121 +++++++++---------
 .../directives/app_switcher/app_switcher.less | 100 ++++++++++-----
 src/ui/public/images/kibana.gif               | Bin 0 -> 3737 bytes
 src/ui/public/styles/base.less                |   9 +-
 src/ui/public/styles/mixins.less              |   9 +-
 8 files changed, 144 insertions(+), 108 deletions(-)
 create mode 100644 src/ui/public/images/kibana.gif

diff --git a/src/optimize/BaseOptimizer.js b/src/optimize/BaseOptimizer.js
index 9ca708ab04fd9..e236769f466d7 100644
--- a/src/optimize/BaseOptimizer.js
+++ b/src/optimize/BaseOptimizer.js
@@ -63,6 +63,7 @@ class BaseOptimizer {
 
   getConfig() {
     let mapQ = this.sourceMaps ? '?sourceMap' : '';
+    let mapQPre = mapQ ? mapQ + '&' : '?';
 
     return {
       context: fromRoot('.'),
@@ -101,7 +102,7 @@ class BaseOptimizer {
             test: /\.less$/,
             loader: ExtractTextPlugin.extract(
               'style',
-              `css${mapQ}!autoprefixer${mapQ ? mapQ + '&' : '?'}{ "browsers": ["last 2 versions","> 5%"] }!less${mapQ}`
+              `css${mapQ}!autoprefixer${mapQPre}{ "browsers": ["last 2 versions","> 5%"] }!less${mapQPre}dumpLineNumbers=comments`
             )
           },
           { test: /\.css$/, loader: ExtractTextPlugin.extract('style', `css${mapQ}`) },
@@ -109,7 +110,7 @@ class BaseOptimizer {
           { test: /\.json$/, loader: 'json' },
           { test: /\.(html|tmpl)$/, loader: 'raw' },
           { test: /\.png$/, loader: 'url?limit=10000&name=[path][name].[ext]' },
-          { test: /\.(woff|woff2|ttf|eot|svg|ico)(\?|$)/, loader: 'file?name=[path][name].[ext]' },
+          { test: /\.(woff|woff2|ttf|eot|svg|ico|gif)(\?|$)/, loader: 'file?name=[path][name].[ext]' },
           { test: /[\/\\]src[\/\\](plugins|ui)[\/\\].+\.js$/, loader: `rjs-repack${mapQ}` },
           {
             test: /\.js$/,
diff --git a/src/plugins/elasticsearch/lib/expose_client.js b/src/plugins/elasticsearch/lib/expose_client.js
index 61c6c81d69d11..467081aef3f48 100644
--- a/src/plugins/elasticsearch/lib/expose_client.js
+++ b/src/plugins/elasticsearch/lib/expose_client.js
@@ -41,6 +41,7 @@ module.exports = function (server) {
     return new elasticsearch.Client({
       host: url.format(uri),
       ssl: ssl,
+      plugins: options.plugins,
       apiVersion: options.apiVersion,
       keepAlive: options.keepAlive,
       log: function () {
@@ -66,6 +67,7 @@ module.exports = function (server) {
 
   server.expose('client', client);
   server.expose('createClient', createClient);
+  server.expose('callWithRequestFactory', callWithRequest);
   server.expose('callWithRequest', callWithRequest(noAuthClient));
   server.expose('errors', elasticsearch.errors);
 
diff --git a/src/plugins/kibana/public/kibana.js b/src/plugins/kibana/public/kibana.js
index 2d059cc972c81..b62be1d887b12 100644
--- a/src/plugins/kibana/public/kibana.js
+++ b/src/plugins/kibana/public/kibana.js
@@ -19,7 +19,7 @@ var chrome = require('ui/chrome');
 var routes = require('ui/routes');
 var modules = require('ui/modules');
 
-var kibanaLogoUrl = require('ui/images/kibana.svg');
+var kibanaLogoUrl = require('ui/images/kibana.gif');
 
 routes.enable();
 
@@ -30,8 +30,8 @@ routes
 
 chrome
 .setBrand({
-  'logo': 'url(' + kibanaLogoUrl + ') left no-repeat',
-  'smallLogo': 'url(' + kibanaLogoUrl + ') left no-repeat'
+  'logo': 'url(' + kibanaLogoUrl + ') 0% 0% no-repeat',
+  'smallLogo': 'url(' + kibanaLogoUrl + ') 0% 0% no-repeat'
 })
 .setNavBackground('#222222')
 .setTabDefaults({
diff --git a/src/ui/public/chrome/chrome.html b/src/ui/public/chrome/chrome.html
index 6e5cccbfdd497..f52ef56fd48c1 100644
--- a/src/ui/public/chrome/chrome.html
+++ b/src/ui/public/chrome/chrome.html
@@ -1,74 +1,69 @@
 <kbn-notifications list="notifList"></kbn-notifications>
 <div class="content" chrome-context >
-  <nav
-    ng-style="::{ background: chrome.getNavBackground() }"
-    ng-class="{ show: chrome.getVisible() }"
-    class="hide navbar navbar-inverse navbar-static-top">
+  <!-- TODO: These config dropdowns shouldn't be hard coded -->
+  <nav class="app-links-wrapper">
+    <li
+      ng-if="chrome.getBrand('logo')"
+      ng-style="{ 'background': chrome.getBrand('logo') }"
+      aria-label="{{ chrome.getAppTitle() }} Logo"
+      class="logo hidden-sm"
+      ></li>
 
-    <!-- Mobile navbar -->
-    <div class="navbar-header">
-      <button ng-click="showCollapsed = !showCollapsed" type="button" class="navbar-toggle">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="visible-xs">
-        <span ng-if="chrome.getBrand('title')" class="navbar-brand">{{ chrome.getBrand('title') }}</span>
-        <span ng-if="chrome.getActiveTabTitle()" class="navbar-brand">{{ chrome.getActiveTabTitle() }}</span>
-        <span ng-show="chrome.httpActive.length" class="spinner"></span>
-      </span>
-    </div>
-    <!-- /Mobile navbar -->
+    <li
+      ng-if="chrome.getBrand('smallLogo')"
+      ng-style="{ 'background': chrome.getBrand('smallLogo') }"
+      aria-label="{{ chrome.getAppTitle() }} Logo"
+      class="logo-small visible-sm hidden-xs"
+      ></li>
+    <app-switcher>
+    </app-switcher>
+  </nav>
 
-    <!-- Full navbar -->
-    <div collapse="!showCollapsed" class="navbar-collapse" kbn-chrome-append-nav-controls>
-      <ul class="nav navbar-nav" role="navigation">
-        <li
-          ng-if="chrome.getBrand('logo')"
-          ng-style="{ 'background': chrome.getBrand('logo') }"
-          aria-label="{{ chrome.getAppTitle() }} Logo"
-          class="logo hidden-sm"
-          ></li>
+  <div class="app-wrapper">
+    <nav
+      ng-style="::{ background: chrome.getNavBackground() }"
+      ng-class="{ show: chrome.getVisible() }"
+      class="hide navbar navbar-inverse navbar-static-top">
 
-        <li
-          ng-if="chrome.getBrand('smallLogo')"
-          ng-style="{ 'background': chrome.getBrand('smallLogo') }"
-          aria-label="{{ chrome.getAppTitle() }} Logo"
-          class="logo-small visible-sm hidden-xs"
-          ></li>
+      <!-- Mobile navbar -->
+      <div class="navbar-header">
+        <button ng-click="showCollapsed = !showCollapsed" type="button" class="navbar-toggle">
+          <span class="sr-only">Toggle navigation</span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </button>
+        <span class="visible-xs">
+          <span ng-if="chrome.getBrand('title')" class="navbar-brand">{{ chrome.getBrand('title') }}</span>
+          <span ng-if="chrome.getActiveTabTitle()" class="navbar-brand">{{ chrome.getActiveTabTitle() }}</span>
+          <span ng-show="chrome.httpActive.length" class="spinner"></span>
+        </span>
+      </div>
+      <!-- /Mobile navbar -->
 
-        <li ng-if="chrome.getBrand('title')" class="navbar-brand">{{ chrome.getBrand('title') }}</li>
+      <!-- Full navbar -->
+      <div collapse="!showCollapsed" class="navbar-collapse" kbn-chrome-append-nav-controls>
+        <ul class="nav navbar-nav" role="navigation">
 
-        <li ng-repeat="tab in chrome.getTabs()" ng-class="{ active: tab.active }">
-          <a ng-href="{{ tab.href() }}" ng-style="{ 'border-bottom-color': tab.activeIndicatorColor }">
-            {{ tab.title }}
-          </a>
-        </li>
+          <li ng-if="chrome.getBrand('title')" class="navbar-brand">{{ chrome.getBrand('title') }}</li>
 
-        <li class="to-body" ng-class="{ active: appSwitcherTemplate.is('switcher') }" ng-if="chrome.getShowAppsLink()">
-          <a ng-click="appSwitcherTemplate.toggle('switcher')">
-            <i class="fa fa-th" alt="Show app switcher"></i>
-          </a>
-        </li>
-      </ul>
-    </div>
-    <!-- /Full navbar -->
-  </nav>
-
-  <!-- TODO: These config dropdowns shouldn't be hard coded -->
-  <config
-    config-template="appSwitcherTemplate"
-    config-object="chrome"
-    config-close="appSwitcherTemplate.close">
-  </config>
+          <li ng-repeat="tab in chrome.getTabs()" ng-class="{ active: tab.active }">
+            <a ng-href="{{ tab.href() }}" ng-style="{ 'border-bottom-color': tab.activeIndicatorColor }">
+              {{ tab.title }}
+            </a>
+          </li>
+        </ul>
+      </div>
+      <!-- /Full navbar -->
+    </nav>
 
-  <config
-    ng-show="timefilter.enabled"
-    config-template="pickerTemplate"
-    config-object="timefilter"
-    config-close="pickerTemplate.close">
-  </config>
+    <config
+      ng-show="timefilter.enabled"
+      config-template="pickerTemplate"
+      config-object="timefilter"
+      config-close="pickerTemplate.close">
+    </config>
 
-  <div class="application" ng-class="'tab-' + chrome.getActiveTabId('-none-') + ' ' + chrome.getApplicationClasses()" ng-view></div>
+    <div class="application" ng-class="'tab-' + chrome.getActiveTabId('-none-') + ' ' + chrome.getApplicationClasses()" ng-view></div>
+  </div>
 </div>
diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
index 95ac50baa310c..782713582b720 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -1,55 +1,87 @@
+@import (reference) "~ui/styles/mixins";
 @import (reference) "~ui/styles/variables";
 
-@app-icon-size: 48px;
-@app-icon-padding: 10px;
+// as - App Switcher
+@as-open-width: 160px;
+@as-closed-width: 50px;
+@app-icon-height: 30px;
+@transition-time: .65s;
+@transition-delay: .2s;
 
+.app-links-wrapper {
+  flex: 0 0 @as-closed-width;
+  background-color: #3caed2;
+  overflow: hidden;
+  transition: flex-basis @transition-time;
+  transition-delay: @transition-delay;
+
+  &:hover {
+    flex-basis: @as-open-width;
+
+    .app-title {
+      display: inline-block;
+    }
+    + .app-wrapper {
+      padding-right: @as-open-width;
+    }
+  }
+
+  .logo {
+    height: 70px;
+    list-style-type: none;
+  }
+}
+.app-wrapper {
+  .real-flex-parent();
+  flex: 0 0 100%;
+  // flex: 0 0 calc(100% - @as-closed-width);
+  // flex: 0 0 auto;
+  margin: 0 auto;
+  padding-right: @as-closed-width;
+  transition: padding-right @transition-time;
+  transition-delay: @transition-delay;
+
+
+  .navbar-right {
+    margin-right: 0;
+  }
+}
 .app-links {
   text-align: justify;
 
   .app-link {
-    display: inline-block;
-    vertical-align: top;
-    text-align: left;
-    width: @app-icon-size + (@app-icon-padding * 2);
-    margin: 0px 10px;
-    padding: @app-icon-padding;
-    border-radius: @border-radius-base;
-
-    .app-icon {
+    width: @as-open-width;
+    height: @app-icon-height;
+    > a {
       display: block;
-      height: @app-icon-size;
-      width: @app-icon-size;
+      height: 100%;
+      color: #fff;
+    }
+    .app-icon {
+      float: left;
+      text-align: center;
+      font-size: 1.7em;
+      display: inline-block;
+      height: @app-icon-height;
+      width: @as-closed-width;
       background-position: center;
       background-size: contain;
-      border-radius: @border-radius-base;
-      background-color: @gray-light;
-      width: 100%;
-
-      &-missing {
-        text-align: center;
-        font-size: 2.7em;
-        font-weight: bold;
-        font-family: @font-family-sans-serif;
-        color: #fff;
-      }
     }
 
     .app-title {
-      color: @text-color;
+      width: calc(@as-open-width - @as-closed-width);
+      display: inline-block;
+      float: left;
       font-size: 0.9em;
-      width: 100%;
       text-align: center;
-      margin-top: 3px;
-    }
-
-    &:hover .app-title {
-      text-decoration: underline;
+      line-height: @app-icon-height;
     }
 
     &.active {
-      background: @gray-lighter;
-      .app-title {
-        text-decoration: underline;
+      background-color: #73c6e0;
+      > a {
+        color: #333;
+        text-decoration: none;
       }
     }
 
diff --git a/src/ui/public/images/kibana.gif b/src/ui/public/images/kibana.gif
new file mode 100644
index 0000000000000000000000000000000000000000..767b01aceef299fb5feac00629ddc93dcd22d926
GIT binary patch
literal 3737
zcmV;K4rcL3Nk%w1VW0p;0QUd@g~i%1pu$M1$)?uiN~+4A(&FOq^*W@*?)LdAp1?Vy
z#e&4yQm)Kkwa@7D_ma%t^7#6@-s;fl@vPV8_4@nv`uw)s>Av9W=JNK4#@kJ-%Xh!l
z$mQ>k%H6Zu=xn;u)avof=I}<S$X2k;f5O=P{r=tW^wR3_<ns2|?DJ%|&~m)gl+E8P
zp23R9+)%B{j>_G@;p{h}#9p+|JEX;Cx6zHs+~4o?dBE0s!Pl|c=bO;s&*<;P<L%$@
z^<1;hVz$s)vd+rp@73$_Sg_76pu?8U-|+bQvfAgW*X3xq(Vx-boY3JzsK+#+!@S??
z^!fXAzSZpY_}cFCxZUY6pTcmw)1%Ylm(JjP!Pj@b)tAoSDxJbzw9n!3_AsHuaJ<w+
zr^Y^}$1I-0t=Q(E(&FRs_AZ{mMXAUup22Us)B61VRIkkb{{ExX<Id>uJf+6z^!V)d
z`S|<%E}p`e&)_Vd!o%b3#^mljrN-^{`K{UK{r>(lp~FC@$7{LLna|)gqQtD&=C0W0
zE1khIp~J7)=T)%H;qdi9rpHvT%_^P2MX1Qn=<$HV*)gEQZo1Re?D8s|z(S|TMXAaA
z{QcML^85Y$M5xH>_4w=c_%ENsZoAWf!q_>a#sB~Q&gbvi?en42<Ehr=>h$=><nH$R
z`)j(=G@-<<+2%v2$fVTcpwr@^)8gCi^h>PDna|-qrp8&a&OoNdfy3FW*X7db@-Lpj
zbiLJezSVEL)cO4Vc)!;0_xe7i#%{XOalF(=smXA=(?6%j#pLe8;_aQ$;%B(gL8ixw
z$lLk*{BOL}E}y}2z0@zC!F<Bkt=Q+n;p}9#&oiOK>-6~1>G0(7_ExXWL#N1TxzcL5
z(L<)ixZUcy-Ri;O>~Ff$N~_9{%ijL~|Ns8}Hlf5kq{W`m;>qRjn9tv@+2${v!r<@q
zn9ksu&)|H)*v;tiNvq25_xbtz{XM0}Jfy~OyVO{*&eiMkfy3Cs;_SlW?Jl3fFQ3A$
z+2{ZN|1hA#A^8LV00000EC2ui0H6Ry000R80RIUbNU)&6g9sBUT*$DY!-o(f7Tgy`
zqQ#3CGiuzpkRr#AAVZ4O=y9aUlPFD=Ov$pPONT38%AEN!Ce52TL)sL`Z=cVfK!XYu
z%CD%=qegQo#kiASArS(iN}WozD%D~1;Aq{tmBu4}OT$9kc?OOVH)zwUUCUN2pk~_s
z$elZPL?5tX^LDIQke`?`{Q?UfOt`RMGRf4a0mHa4V;~2L>Ya?R>0iT`F_YPWYq8_T
zN{}(bOS$ww%YZYh7CfL6B+sA!1e0vK_CM6CSCa`R47OuPFRGBXT^e`p%w;w}TJ{-?
znh}ro5w~spc;O@f6gOA%BhbF#(<fK|w;p&8nJvJ4Gqxg)#`o~G$CK~3D#tJNV3hcA
z1|Gg%`PNO~f_AY9K%0NX@kNkdsm(_Q6P-23$qQd07@vXzF*sjfqu}$6dTQ9yhja`f
z)t^B~WtgIc2?40v1HFBw%M3ESw-7&%z>!BDp8RuShWpqdq+~ei$fJ)eR)!%@m(3^2
z2EQ=Z7<+Ko*bz7vgb;!`GW;k|3&#{tzz+6|aT_)fXjz5=URvm4X0>EMAZU{uxKImh
z#N&@YJsfa`LXrToX9=Aw@=pukP_t(#aQvC1L2nv12s$gM_kn?JPQ->Bd)^V5LTS{o
z=NcrWaT_>s?1={)nfe!LVFP6U@tR|tFi_z``)u0jrwIi*XrZU3>d&gJ!q-$DOOT-~
zH2v&>nIJaI>70lp;;O4Zp0?RS4Y0t1MVY~>%Ic$#E_s_6S0JH-A!G=m?7PnPGl($}
zHdYUfbQDWauAE}aD?*#>lg7aNY;vjt;+|2|cWoZ!lbr<>QG`H6EDUj9Mm^l>PWv=L
zj3pp6!a*r`JmG;3sk}RiBeSk24IKGO#P6=8@iXwiU=<-S!4vO;>YhC)kcJFmBm&1H
zV}RFF3uE-5033-V5?Rs&>3p*t`!t=$FmMz?^@3S9{dCj^{PVSv2HAne8)kUnw%a$j
za*q%(c#z5iYH;G15=~tH+|bPa;<XPW;nV@k1K<Ry0w91GF@hc8`XfXQ9Z=E833v?9
zi~=$HD1$6GV4=eW9GoCQ48}AN-DzyFz<3RexI=~zAaEc^6bjhLPaq>~z=9#9+ft1_
zt<*4Li{|dLcH3_^?}ZOjfKtl>z|8sq0e=5|ZMHsE0Z1FF`ay@U{t#-Y&%#m=5BPiT
zNdXdQD14|2D9q9R{r-@W!L5YwQpuk8u*EL$M}bw)fDT`h1tRQ+zdh;U0jT&9$Cl^3
z3VHz%AV5Mgfbjua>FXeX%N9RcFaw17Lkcx$fz3qa4^o*5eGSB48%9A6u%tl+6u2KB
z_;5c>06~Rj+W-UqW4Na|EP!fuum=Qm$iwzQ01`kf7o;d?!3vte5*}EA3|cU;i-a&T
zbT~jaz{iII6vBoqbYbK!fdOLFq6}p40s9cpfEL_F1Ij9c5nzyk3@~9G;A;abgcC#t
zmOvAwm_PxL;DApoiUxmDUM<Mb3M}w31Aqtx_&za+yMQoxRIFkJL9vP`Aj3)#`C`_d
zVG00(!;b$5)u>7pxf6`w0MV&}Ebg%<KCnPxI0{4|c6PI7Kw(eCP{1t;xu+P|!z*-n
z#3?edCsMG%OkfcvG1EYZ8tBO%jqrt|CIU*fiPCw9IDrn7#ex|)0hKV>p3uMn0{7+M
zYqD%1En&$2Cr<#AAB4!j8urAEKrHhp6Dvv!7-5DzRU;PC8G{h_WR5fd^9+HY!k(a@
z3sd>XC<z^5A}p~d6JP>zQk+OA&*_B}SioKVFvI|IkO%pV<yzj5K_QG$0)Mo@0-PI2
zKGn!iVhyAPLHK4kNwkTcj3EtUctjswVFCd90df*$U>S6m1{Q#?5(^;2Kq{6ssQ$wV
z0;tBG41k7e?W>&3W2q}5Faa_Qh72}H+y`%Sts9u5AKyel5TY2%H16|f!y1=B_CX12
z?CAz4_0bp<&^sIKU=$YMKr8(b2|q-1qW;(_X%>-zp0>dS3E)W!6rhM)xS$;aumB#G
z=npghP{OUJfh$YBaDy1swJ?U*K@bA)LBPpS6m}ZwVTEPX#ZDp=d&0nNaRiANNMVTh
z>+EN>YNa&LVxZy(hpG5cg&IVF6mwu7{%nie#p?E)h$zJ%?1~vt%z(J@?3WB<05gIp
z_l1aU?rkQKf;~Av0Arv-E~L=D5~wc|W?-OpnHk#dl0X@IdO#XRcnTBxgAWww1%z{0
z+uMF}islrh0YH%s`ex<|4Ztr$00#vg#DJRqn1dtE_TR_}cpsSX!CDzHhFS2Sm*>d9
z2Y&F1LsXTso~5v8h3bfb`a{F}I6yIa*$5YKq6->efGzgK-V>`d#Z}CpAda&NAP}<u
zBiG^p8f5T*OY8{*0vKnHi>g?&F+dZ0vV<Q9@q=$#LIaB!gB{Y~2k1h1yL+0lK+;g<
z45y(548XAuu90Xvv;YpEAhU^6y04WwFBDXO>1v!M3L?N0QrF6d(9qC`Jzc^GwApij
z6${W@RG^tc;{=HZ@d!ulLlv$7;4C0rVbW0A${HR+1CFq#2n51WeyO!T41kID-sZg(
zG{F;odmLv00vtB2%=QkDH5_af1@-`<u7%YDPqe@%gn+{n0$BinLgJYI&_S__l7>V$
zIuf(6V^$;G-AZ2>stxGHo}M5BV77n;p{^|^U`b9C$F+Gkhz7Z><18D*qH`esTsJ?$
z7=b{N0Tt5GHI8{O0!A<b9H+2=JU03Ps0IN6d-6dS0-=CBydnp}a)2UKxbS9E8QN*E
z!wZsLgFwgt4&caz7xsjJE)X`i9<LxG&N1H&1%?bbIG(!uCBhZ}0nq-4#~)NU?>+58
z6BzJ997w#U3%G|FvCwuKyzqo4ga88-7{{Q5P{*cAI+hOC@EH!!gFUqY0~dIL5Kuq?
z_VGaiO5ixy&-`&O7=Q=tGCOO6@M?kBfem_~*=-(i1@_$`594EDB}l-9f7k&Wq#&Z@
z8)1)pt(+Eo$Dft`@rh(Cf)E?PaA@t|jDc{$5&yfgBvzga+BR_c{xE|7BuIT4Q-i<*
zYgT=;?v{u%7|bANc)=9(pa-D-X%j7YK{e=)0bD$_1N7$rT3{+?5DcLJ0Tr+YO~eOl
z00E(}0~(+^GGGG><VcqQ0VYrj&wvDRFb7~o2rU2x7(jnUa0Uo8X}sV7^ydQO<pcm=
z0_o)smjDGmU<l7J0T_^89bhOOM|#bJYO1Dw=8+4x(iefi0Eci0@Ng?&0S`%d2xw3g
zlb{HSzy^5$7W~i$Y@h<oKmr-i0pZ{RBme}A5CEuzBQJmhFaQINa16mv2x$-qhkyev
za0vNQ4s1Y$s&F9ukOz6F2!4PU{15=IumLvE0Sk}~0^kH`fC>!%umLU*1ZL8MrG{qW
zHgf707_5M9C(;u?F&v)wFg)>zKr#kTbu$Aq2Ce5*H=~MJSXLwwiv1yrU~`I4^&YI~
zZ4;DYH&6_in2CEZ2sluL<Z=_c*fxkD1Z9_rg|Uh0R*W-ojEI1GF2;<45sbsQSJ3zo
z6Z8&daDM4$jfJrTlQ2%(SQF*s3aM6&;#eNF00gafjwi7bYI6=3@Qdvz7#R=<>L8Ek
z2q~(d1Iw6?h0zLm=8rDHF?mn`>`0L1F#$CYj|d48O)(Ek;E<SM2((ZLCpeMwXf9{a
zBp68;hQJPx<dG=R6mY--V$zZ>`I0ahlQJnLTM!K1hLRk1(G)o%20Yo5KKYYC8I(dP
z26-?I+K7`dVJ;tKB23woPU)0LsS-*VmFKt<R9Tf%d6mUzm0G!#S=p6I!j)hdmSOOe
zW_gxqnU-p~mTcLUZi$vHunk`@mvmW|c6pb0nU{LGmwefme)*Sx8JL1;mqmaH0RaFz
DD%C|Y

literal 0
HcmV?d00001

diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
index 016c09af33c35..dd29fbc789b5c 100644
--- a/src/ui/public/styles/base.less
+++ b/src/ui/public/styles/base.less
@@ -76,16 +76,17 @@ ul.navbar-inline li {
 }
 
 .content {
-  .flex-parent();
-  position: relative;
-  z-index: 0;
+  .real-flex-parent(@flow: row nowrap);
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
 
   > nav {
     position: relative;
     z-index: 1;
 
     .navbar-right {
-      margin-right: 0;
+      margin-right: 0 !important;
     }
   }
 }
diff --git a/src/ui/public/styles/mixins.less b/src/ui/public/styles/mixins.less
index 568f9dd03dada..ceab159c3745d 100644
--- a/src/ui/public/styles/mixins.less
+++ b/src/ui/public/styles/mixins.less
@@ -1,15 +1,20 @@
 @import "~ui/styles/variables";
 @import (reference) "~bootstrap/less/mixins";
 
-.flex-parent(@grow: 1, @shrink: 1, @basis: auto) {
+.flex-parent(@grow: 1, @shrink: 1, @basis: auto, @direction: column) {
   flex: @grow @shrink @basis;
   display: flex;
-  flex-direction: column;
+  flex-direction: @direction;
 
   > * {
     flex-shrink: 0;
   }
 }
+.real-flex-parent(@display: flex, @flow: column nowrap) {
+  display: @display;
+  flex-flow: @flow;
+}
+
 
 .ellipsis() {
   white-space: nowrap;

From 72ef16fd515d0393d9910e486c2b98cf55d997ef Mon Sep 17 00:00:00 2001
From: spalger <spalger@users.noreply.github.com>
Date: Mon, 25 Jan 2016 19:23:09 -0700
Subject: [PATCH 002/181] [uiExports][chrome] support uiExports.links

---
 src/plugins/kibana/index.js                   | 34 ++++++++++++++++++-
 src/ui/index.js                               |  2 +-
 src/ui/public/chrome/api/apps.js              |  6 ++--
 src/ui/public/chrome/api/nav.js               | 22 +++++++++---
 .../directives/app_switcher/app_switcher.html |  2 +-
 src/ui/ui_app.js                              | 19 ++++++++---
 src/ui/ui_exports.js                          | 17 +++++++---
 src/ui/ui_nav_link.js                         | 16 +++++++++
 src/ui/ui_nav_link_collection.js              | 29 ++++++++++++++++
 9 files changed, 127 insertions(+), 20 deletions(-)
 create mode 100644 src/ui/ui_nav_link.js
 create mode 100644 src/ui/ui_nav_link_collection.js

diff --git a/src/plugins/kibana/index.js b/src/plugins/kibana/index.js
index 5f128990282bb..c5b6578b61072 100644
--- a/src/plugins/kibana/index.js
+++ b/src/plugins/kibana/index.js
@@ -14,6 +14,7 @@ module.exports = function (kibana) {
     uiExports: {
       app: {
         title: 'Kibana',
+        listed: false,
         description: 'the kibana you know and love',
         //icon: 'plugins/kibana/settings/sections/about/barcode.svg',
         main: 'plugins/kibana/kibana',
@@ -30,8 +31,39 @@ module.exports = function (kibana) {
           return {
             kbnDefaultAppId: config.get('kibana.defaultAppId')
           };
+        },
+      },
+
+      links: [
+        {
+          title: 'Discover',
+          order: -1003,
+          url: '/app/kibana#/discover',
+          description: 'interactively explore your data',
+          icon: 'plugins/kibana/settings/sections/about/barcode.svg',
+        },
+        {
+          title: 'Visualize',
+          order: -1002,
+          url: '/app/kibana#/visualize',
+          description: 'design data visualizations',
+          icon: 'plugins/kibana/settings/sections/about/barcode.svg',
+        },
+        {
+          title: 'Dashboard',
+          order: -1001,
+          url: '/app/kibana#/dashboard',
+          description: 'compose visualizations for much win',
+          icon: 'plugins/kibana/settings/sections/about/barcode.svg',
+        },
+        {
+          title: 'Settings',
+          order: 1000,
+          url: '/app/kibana#/settings',
+          description: 'define index patterns, change config, and more',
+          icon: 'plugins/kibana/settings/sections/about/barcode.svg',
         }
-      }
+      ]
     },
 
     init: function (server, options) {
diff --git a/src/ui/index.js b/src/ui/index.js
index 4bdf12b7870f9..1b57cfe617ff8 100644
--- a/src/ui/index.js
+++ b/src/ui/index.js
@@ -71,7 +71,7 @@ module.exports = async (kbnServer, server, config) => {
   server.decorate('reply', 'renderApp', function (app) {
     const payload = {
       app: app,
-      nav: uiExports.apps,
+      nav: uiExports.navLinks.inOrder,
       version: kbnServer.version,
       buildNum: config.get('pkg.buildNum'),
       buildSha: config.get('pkg.buildSha'),
diff --git a/src/ui/public/chrome/api/apps.js b/src/ui/public/chrome/api/apps.js
index 35342d660f654..65f1f5af5df5a 100644
--- a/src/ui/public/chrome/api/apps.js
+++ b/src/ui/public/chrome/api/apps.js
@@ -3,8 +3,8 @@ const { resolve } = require('url');
 
 module.exports = function (chrome, internals) {
 
-  if (internals.app) {
-    internals.app.url = resolve(window.location.href, internals.app.url);
+  if (internals.app && internals.app.navLink) {
+    internals.app.navLink.url = resolve(window.location.href, internals.app.navLink.url);
   }
 
   internals.appUrlStore = internals.appUrlStore || window.sessionStorage;
@@ -35,7 +35,7 @@ module.exports = function (chrome, internals) {
   };
 
   chrome.getAppUrl = function () {
-    return get(internals, ['app', 'url']);
+    return get(internals, ['app', 'navLink', 'url']);
   };
 
   chrome.getInjected = function (name, def) {
diff --git a/src/ui/public/chrome/api/nav.js b/src/ui/public/chrome/api/nav.js
index 3290010911513..068d992c2e4e0 100644
--- a/src/ui/public/chrome/api/nav.js
+++ b/src/ui/public/chrome/api/nav.js
@@ -34,12 +34,24 @@ export default function (chrome, internals) {
     });
   };
 
-  internals.trackPossibleSubUrl = function (url) {
-    for (const link of internals.nav) {
-      if (startsWith(url, link.url)) {
-        link.lastSubUrl = url;
-        internals.appUrlStore.setItem(`lastSubUrl:${link.url}`, url);
+  internals.navTrackers = [];
+  chrome.addNavigationTracker = function (url, handler) {
+    internals.navTrackers.push({
+      url, handler
+    });
+  };
+
+  internals.trackPossibleSubUrl = function (url, persist) {
+    for (const tracker of internals.navTrackers) {
+      if (startsWith(url, tracker.url)) {
+        if (persist) {
+          tracker.lastSubUrl = url;
+          internals.appUrlStore.setItem(`lastSubUrl:${tracker.url}`, url);
+        }
+        tracker.active = true;
       }
+
+      tracker.handler(tracker.active, tracker.lastSubUrl);
     }
   };
 
diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.html b/src/ui/public/chrome/directives/app_switcher/app_switcher.html
index 7613cb03142b4..89ae849628bc3 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.html
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.html
@@ -1,7 +1,7 @@
 <div class="app-links">
   <div
     class="app-link"
-    ng-repeat="link in switcher.getNavLinks() | orderBy:'title'"
+    ng-repeat="link in switcher.getNavLinks()"
     ng-class="{ active: link.active }">
 
     <a
diff --git a/src/ui/ui_app.js b/src/ui/ui_app.js
index cd5ffce9fedd3..b6f6e2fa1fc76 100644
--- a/src/ui/ui_app.js
+++ b/src/ui/ui_app.js
@@ -1,5 +1,7 @@
-var _ = require('lodash');
-var { join } = require('path');
+import _ from 'lodash';
+import { join } from 'path';
+
+import UiNavLink from './ui_nav_link';
 
 class UiApp {
   constructor(uiExports, spec) {
@@ -16,8 +18,17 @@ class UiApp {
     this.description = this.spec.description;
     this.icon = this.spec.icon;
     this.hidden = this.spec.hidden;
+    this.listed = this.spec.listed == null ? !this.hidden : this.spec.listed;
     this.templateName = this.spec.templateName || 'ui_app';
-    this.url = `${spec.urlBasePath || ''}${this.spec.url || `/app/${this.id}`}`;
+
+    if (this.listed) {
+      this.navLink = this.uiExports.navLinks.new({
+        title: this.title,
+        description: this.description,
+        icon: this.icon,
+        url: this.spec.url || `/app/${this.id}`
+      });
+    }
 
     if (this.spec.autoload) {
       console.warn(
@@ -45,7 +56,7 @@ class UiApp {
   }
 
   toJSON() {
-    return _.pick(this, ['id', 'title', 'description', 'icon', 'main', 'url']);
+    return _.pick(this, ['id', 'title', 'description', 'icon', 'main', 'navLink']);
   }
 }
 
diff --git a/src/ui/ui_exports.js b/src/ui/ui_exports.js
index 00c992ad9c5d0..8af25142bf339 100644
--- a/src/ui/ui_exports.js
+++ b/src/ui/ui_exports.js
@@ -1,10 +1,11 @@
 var _ = require('lodash');
 var minimatch = require('minimatch');
-
 var UiAppCollection = require('./ui_app_collection');
+var UiNavLinkCollection = require('./ui_nav_link_collection');
 
 class UiExports {
   constructor({ urlBasePath }) {
+    this.navLinks = new UiNavLinkCollection(this);
     this.apps = new UiAppCollection(this);
     this.aliases = {};
     this.urlBasePath = urlBasePath;
@@ -48,15 +49,21 @@ class UiExports {
       case 'app':
       case 'apps':
         return (plugin, specs) => {
+          const id = plugin.id;
           for (let spec of [].concat(specs || [])) {
-            let app = this.apps.new(_.defaults({}, spec, {
-              id: plugin.id,
-              urlBasePath: this.urlBasePath
-            }));
+            const app = this.apps.new({ id, ...spec });
             plugin.apps.add(app);
           }
         };
 
+      case 'link':
+      case 'links':
+        return (plugin, spec) => {
+          for (const spec of [].concat(spec || [])) {
+            this.navLinks.new(spec);
+          }
+        };
+
       case 'visTypes':
       case 'fieldFormats':
       case 'spyModes':
diff --git a/src/ui/ui_nav_link.js b/src/ui/ui_nav_link.js
new file mode 100644
index 0000000000000..742d4e5f95a42
--- /dev/null
+++ b/src/ui/ui_nav_link.js
@@ -0,0 +1,16 @@
+var _ = require('lodash');
+var { join } = require('path');
+
+export default class UiNavLink {
+  constructor(uiExports, spec) {
+    this.title = spec.title;
+    this.order = spec.order || 0;
+    this.url = `${uiExports.urlBasePath || ''}${spec.url}`;
+    this.description = spec.description;
+    this.icon = spec.icon;
+  }
+
+  toJSON() {
+    return _.pick(this, ['title', 'url', 'order', 'description', 'icon']);
+  }
+}
diff --git a/src/ui/ui_nav_link_collection.js b/src/ui/ui_nav_link_collection.js
new file mode 100644
index 0000000000000..8ea1b282947c9
--- /dev/null
+++ b/src/ui/ui_nav_link_collection.js
@@ -0,0 +1,29 @@
+import _ from 'lodash';
+import UiNavLink from './ui_nav_link';
+import Collection from '../utils/Collection';
+
+let inOrderCache = Symbol('inOrder');
+
+module.exports = class UiNavLinkCollection extends Collection {
+
+  constructor(uiExports, parent) {
+    super();
+    this.uiExports = uiExports;
+  }
+
+  new(spec) {
+    let link = new UiNavLink(this.uiExports, spec);
+    this[inOrderCache] = null;
+    this.add(link);
+    return link;
+  }
+
+  get inOrder() {
+    if (!this[inOrderCache]) {
+      this[inOrderCache] = _.sortBy([...this], 'order');
+    }
+
+    return this[inOrderCache];
+  }
+
+};

From 517bf717028ef1b220c8c7a3e7c947caddb5c33e Mon Sep 17 00:00:00 2001
From: spalger <spalger@users.noreply.github.com>
Date: Mon, 25 Jan 2016 20:22:31 -0700
Subject: [PATCH 003/181] [tabs] persist last urls to sessionStorage

---
 src/plugins/kibana/public/kibana.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/plugins/kibana/public/kibana.js b/src/plugins/kibana/public/kibana.js
index 2d059cc972c81..2a9e8f1204c30 100644
--- a/src/plugins/kibana/public/kibana.js
+++ b/src/plugins/kibana/public/kibana.js
@@ -36,7 +36,7 @@ chrome
 .setNavBackground('#222222')
 .setTabDefaults({
   resetWhenActive: true,
-  lastUrlStore: window.sessionStore,
+  lastUrlStore: window.sessionStorage,
   activeIndicatorColor: '#656a76'
 })
 .setTabs([

From 6892bfa6502bb5916ff85def69c6795837a89295 Mon Sep 17 00:00:00 2001
From: spalger <spalger@users.noreply.github.com>
Date: Mon, 25 Jan 2016 20:23:26 -0700
Subject: [PATCH 004/181] [appSwitcher] allow hash-based navigation by default,
 disable on status page

---
 src/plugins/statusPage/public/statusPage.js   |  5 ++
 .../directives/app_switcher/app_switcher.js   | 60 +++++++++++--------
 2 files changed, 40 insertions(+), 25 deletions(-)

diff --git a/src/plugins/statusPage/public/statusPage.js b/src/plugins/statusPage/public/statusPage.js
index 38fc86a24a80a..d17b3acdd6d47 100644
--- a/src/plugins/statusPage/public/statusPage.js
+++ b/src/plugins/statusPage/public/statusPage.js
@@ -54,3 +54,8 @@ var chrome = require('ui/chrome')
 
   ui.refresh();
 });
+
+require('ui/modules').get('kibana')
+.config(function (appSwitcherEnsureNavigationProvider) {
+  appSwitcherEnsureNavigationProvider.forceNavigation(true);
+});
diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.js b/src/ui/public/chrome/directives/app_switcher/app_switcher.js
index 70571d2f31f2a..0ee4e69a9afc3 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.js
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.js
@@ -6,14 +6,45 @@ var DomLocationProvider = require('ui/domLocation');
 
 require('ui/modules')
 .get('kibana')
+.provider('appSwitcherEnsureNavigation', function () {
+  var forceNavigation = false;
+
+  this.forceNavigation = function (val) {
+    forceNavigation = !!val;
+  };
+
+  this.$get = ['Private', function (Private) {
+    var domLocation = Private(DomLocationProvider);
+
+    return function (event) {
+      if (!forceNavigation || event.isDefaultPrevented() || event.altKey || event.metaKey || event.ctrlKey) {
+        return;
+      }
+
+      var toParsed = parse(event.delegateTarget.href);
+      var fromParsed = parse(domLocation.href);
+      var sameProto = toParsed.protocol === fromParsed.protocol;
+      var sameHost = toParsed.host === fromParsed.host;
+      var samePath = toParsed.path === fromParsed.path;
+
+      if (sameProto && sameHost && samePath) {
+        toParsed.hash && domLocation.reload();
+
+        // event.preventDefault() keeps the browser from seeing the new url as an update
+        // and even setting window.location does not mimic that behavior, so instead
+        // we use stopPropagation() to prevent angular from seeing the click and
+        // starting a digest cycle/attempting to handle it in the router.
+        event.stopPropagation();
+      }
+    };
+  }];
+})
 .directive('appSwitcher', function () {
   return {
     restrict: 'E',
     template: require('./app_switcher.html'),
     controllerAs: 'switcher',
-    controller: function ($scope, Private) {
-      var domLocation = Private(DomLocationProvider);
-
+    controller: function ($scope, appSwitcherEnsureNavigation) {
       // since we render this in an isolate scope we can't "require: ^chrome", but
       // rather than remove all helpfull checks we can just check here.
       if (!$scope.chrome || !$scope.chrome.getNavLinks) {
@@ -24,28 +55,7 @@ require('ui/modules')
 
       // links don't cause full-navigation events in certain scenarios
       // so we force them when needed
-      this.ensureNavigation = function (event, app) {
-        if (event.isDefaultPrevented() || event.altKey || event.metaKey || event.ctrlKey) {
-          return;
-        }
-
-        var toParsed = parse(event.delegateTarget.href);
-        var fromParsed = parse(domLocation.href);
-        var sameProto = toParsed.protocol === fromParsed.protocol;
-        var sameHost = toParsed.host === fromParsed.host;
-        var samePath = toParsed.path === fromParsed.path;
-
-        if (sameProto && sameHost && samePath) {
-          toParsed.hash && domLocation.reload();
-
-          // event.preventDefault() keeps the browser from seeing the new url as an update
-          // and even setting window.location does not mimic that behavior, so instead
-          // we use stopPropagation() to prevent angular from seeing the click and
-          // starting a digest cycle/attempting to handle it in the router.
-          event.stopPropagation();
-        }
-      };
-
+      this.ensureNavigation = appSwitcherEnsureNavigation;
     }
   };
 });

From 1f372bfed1b8e20058f7b678bd119e59465eb652 Mon Sep 17 00:00:00 2001
From: spalger <spalger@users.noreply.github.com>
Date: Mon, 25 Jan 2016 20:42:53 -0700
Subject: [PATCH 005/181] [appSwitcher] when tabs match links, use their last
 Url

---
 src/ui/public/chrome/api/nav.js               | 56 ++++++++++---------
 src/ui/public/chrome/directives/kbn_chrome.js |  2 +-
 src/ui/ui_app.js                              | 10 +++-
 3 files changed, 39 insertions(+), 29 deletions(-)

diff --git a/src/ui/public/chrome/api/nav.js b/src/ui/public/chrome/api/nav.js
index 068d992c2e4e0..00a0941417bd5 100644
--- a/src/ui/public/chrome/api/nav.js
+++ b/src/ui/public/chrome/api/nav.js
@@ -1,4 +1,4 @@
-const { startsWith, isString } = require('lodash');
+const { startsWith, isString, find } = require('lodash');
 import { parse, format } from 'url';
 
 export default function (chrome, internals) {
@@ -6,10 +6,6 @@ export default function (chrome, internals) {
     return internals.nav;
   };
 
-  chrome.getLastSubUrlFor = function (url) {
-    return internals.appUrlStore.getItem(`lastSubUrl:${url}`);
-  };
-
   chrome.getBasePath = function () {
     return internals.basePath || '';
   };
@@ -34,38 +30,46 @@ export default function (chrome, internals) {
     });
   };
 
-  internals.navTrackers = [];
-  chrome.addNavigationTracker = function (url, handler) {
-    internals.navTrackers.push({
-      url, handler
-    });
-  };
+  function lastSubUrlKey(link) {
+    return `lastSubUrl:${link.url}`;
+  }
+
+  function setLastUrl(link, url) {
+    link.lastSubUrl = url;
+    internals.appUrlStore.setItem(lastSubUrlKey(link), url);
+  }
+
+  function refreshLastUrl(link) {
+    link.lastSubUrl = internals.appUrlStore.getItem(lastSubUrlKey(link));
+  }
 
-  internals.trackPossibleSubUrl = function (url, persist) {
-    for (const tracker of internals.navTrackers) {
-      if (startsWith(url, tracker.url)) {
-        if (persist) {
-          tracker.lastSubUrl = url;
-          internals.appUrlStore.setItem(`lastSubUrl:${tracker.url}`, url);
-        }
-        tracker.active = true;
+  internals.trackPossibleSubUrl = function (url) {
+    for (const link of internals.nav) {
+      link.active = startsWith(url, link.url);
+
+      if (link.active) {
+        setLastUrl(link, url);
+        continue;
+      }
+
+      const matchingTab = find(internals.tabs, { rootUrl: link.url });
+      if (matchingTab) {
+        setLastUrl(link, matchingTab.getLastUrl());
+        continue;
       }
 
-      tracker.handler(tracker.active, tracker.lastSubUrl);
+      refreshLastUrl(link);
     }
   };
 
   internals.nav.forEach(link => {
     // convert all link urls to absolute urls
-
     var a = document.createElement('a');
     a.setAttribute('href', link.url);
     link.url = a.href;
-    link.lastSubUrl = chrome.getLastSubUrlFor(link.url);
-
-    if (link.url === chrome.getAppUrl()) {
-      link.active = true;
-    }
   });
 
+  // simulate a possible change in url to initialize the
+  // link.active and link.lastUrl properties
+  internals.trackPossibleSubUrl(document.location.href);
 };
diff --git a/src/ui/public/chrome/directives/kbn_chrome.js b/src/ui/public/chrome/directives/kbn_chrome.js
index d6e9ddeed4a43..363a65a8e2768 100644
--- a/src/ui/public/chrome/directives/kbn_chrome.js
+++ b/src/ui/public/chrome/directives/kbn_chrome.js
@@ -35,8 +35,8 @@ export default function (chrome, internals) {
         const onRouteChange = function () {
           let { href } = window.location;
           let persist = chrome.getVisible();
-          internals.trackPossibleSubUrl(href);
           internals.tabs.consumeRouteUpdate(href, persist);
+          internals.trackPossibleSubUrl(href);
         };
 
         $rootScope.$on('$routeChangeSuccess', onRouteChange);
diff --git a/src/ui/ui_app.js b/src/ui/ui_app.js
index b6f6e2fa1fc76..b7ebd3c0ebcd1 100644
--- a/src/ui/ui_app.js
+++ b/src/ui/ui_app.js
@@ -17,17 +17,23 @@ class UiApp {
     this.title = this.spec.title;
     this.description = this.spec.description;
     this.icon = this.spec.icon;
-    this.hidden = this.spec.hidden;
+    this.hidden = !!this.spec.hidden;
     this.listed = this.spec.listed == null ? !this.hidden : this.spec.listed;
     this.templateName = this.spec.templateName || 'ui_app';
 
-    if (this.listed) {
+    if (!this.hidden) {
+      // any non-hidden app has a url, so it gets a "navLink"
       this.navLink = this.uiExports.navLinks.new({
         title: this.title,
         description: this.description,
         icon: this.icon,
         url: this.spec.url || `/app/${this.id}`
       });
+
+      if (!this.listed) {
+        // unlisted apps remove their navLinks from the uiExports collection though
+        this.uiExports.navLinks.delete(this.navLink);
+      }
     }
 
     if (this.spec.autoload) {

From 0b56954ad3d81f56076b0f865535a8e6dc88b212 Mon Sep 17 00:00:00 2001
From: spalger <spalger@users.noreply.github.com>
Date: Mon, 25 Jan 2016 20:58:23 -0700
Subject: [PATCH 006/181] [chrome] fix broken test

---
 src/ui/public/chrome/api/__tests__/apps.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ui/public/chrome/api/__tests__/apps.js b/src/ui/public/chrome/api/__tests__/apps.js
index ddb53ada7186e..c9813960cd65f 100644
--- a/src/ui/public/chrome/api/__tests__/apps.js
+++ b/src/ui/public/chrome/api/__tests__/apps.js
@@ -86,11 +86,11 @@ describe('Chrome API :: apps', function () {
   describe('#getAppUrl()', function () {
     it('returns the resolved url of the current app', function () {
       const chrome = {};
-      const app = { url: '/foo' };
+      const app = { navLink: { url: '/foo' } };
       setup(chrome, { app });
 
       const a = document.createElement('a');
-      a.setAttribute('href', app.url);
+      a.setAttribute('href', app.navLink.url);
       expect(chrome.getAppUrl()).to.equal(a.href);
     });
 

From d2d5e27531a3ee4bdbc42c08787284f9b1c0521c Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Tue, 26 Jan 2016 09:35:09 -0400
Subject: [PATCH 007/181] [app_switcher] Changed the css to be proper flex box

---
 .../chrome/directives/app_switcher/app_switcher.less      | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
index 782713582b720..a604863e7ebfb 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -21,9 +21,6 @@
     .app-title {
       display: inline-block;
     }
-    + .app-wrapper {
-      padding-right: @as-open-width;
-    }
   }
 
   .logo {
@@ -33,11 +30,8 @@
 }
 .app-wrapper {
   .real-flex-parent();
-  flex: 0 0 100%;
-  // flex: 0 0 calc(100% - @as-closed-width);
-  // flex: 0 0 auto;
+  flex: 1;
   margin: 0 auto;
-  padding-right: @as-closed-width;
   transition: padding-right @transition-time;
   transition-delay: @transition-delay;
 

From f5ff46a766f2b5a5dcf157f0720ab935f0a4ace3 Mon Sep 17 00:00:00 2001
From: spalger <spalger@users.noreply.github.com>
Date: Tue, 26 Jan 2016 12:33:59 -0700
Subject: [PATCH 008/181] [chrome/tab] ignore lastUrls that have different
 basePaths

---
 src/ui/public/chrome/Tab.js | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/ui/public/chrome/Tab.js b/src/ui/public/chrome/Tab.js
index cceb65008087f..f3cfd05e2456e 100644
--- a/src/ui/public/chrome/Tab.js
+++ b/src/ui/public/chrome/Tab.js
@@ -1,6 +1,7 @@
 const _ = require('lodash');
 const reEsc = require('lodash').escapeRegExp;
 const { parse, format } = require('url');
+const notify = require('ui/notify');
 
 const urlJoin = (a, b) => {
   if (!b) return a;
@@ -28,7 +29,16 @@ export default class Tab {
 
     this.lastUrlStoreKey = `lastUrl:${this.id}`;
     this.lastUrlStore = spec.lastUrlStore;
-    this.lastUrl = this.lastUrlStore ? this.lastUrlStore.getItem(this.lastUrlStoreKey) : null;
+
+    this.lastUrl = null;
+    if (this.lastUrlStore) {
+      this.lastUrl = this.lastUrlStore.getItem(this.lastUrlStoreKey);
+      if (this.lastUrl && !this.lastUrl.startsWith(this.rootUrl)) {
+        notify.log(`Found invalid lastUrl for tab with root url ${this.rootUrl}: "${this.lastUrl}"`);
+        this.lastUrl = null;
+        this.lastUrlStore.removeItem(this.lastUrlStoreKey);
+      }
+    }
   }
 
   href() {
@@ -54,7 +64,8 @@ export default class Tab {
     let lastUrl = this.getLastUrl();
 
     if (!lastUrl.startsWith(rootUrl)) {
-      throw new Error(`Tab "${id}" has invalid root "${rootUrl}" for last url "${lastUrl}"`);
+      notify.log(`Tab "${id}" has invalid root "${rootUrl}" for last url "${lastUrl}"`);
+      lastUrl = rootUrl;
     }
 
     return lastUrl.slice(rootUrl.length);

From 033ae847eeebc18c43fd90be434c3b1127d9025b Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Fri, 29 Jan 2016 15:46:54 -0400
Subject: [PATCH 009/181] [Tests] Updating the tests to cover html changes

---
 test/support/pages/common.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/test/support/pages/common.js b/test/support/pages/common.js
index 60212a0c9982e..c246031a45437 100644
--- a/test/support/pages/common.js
+++ b/test/support/pages/common.js
@@ -154,11 +154,11 @@ define(function (require) {
       var self = this;
 
       return self.remote.setFindTimeout(defaultTimeout)
-      .findByCssSelector('.content > .application')
+      .findByCssSelector('.app-wrapper > .application')
       .then(function () {
         return self.runScript(function () {
           var $ = window.$;
-          var $scope = $('.content > .application').scope();
+          var $scope = $('.app-wrapper > .application').scope();
           return $scope ? $scope.chrome.getApp() : {};
         });
       });

From 732fe4c749ad689af50b411d020bd7494611906a Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Fri, 29 Jan 2016 14:26:54 -0600
Subject: [PATCH 010/181] Add more color variables

---
 src/ui/public/styles/variables/colors.less | 28 ++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/ui/public/styles/variables/colors.less b/src/ui/public/styles/variables/colors.less
index 7e9f97dc75173..710a64ca80d7d 100644
--- a/src/ui/public/styles/variables/colors.less
+++ b/src/ui/public/styles/variables/colors.less
@@ -34,3 +34,31 @@
 @brand-info:                            #1F6B7A;
 @brand-warning:                         #F39C12;
 @brand-danger:                          #E74C3C;
+
+@G1:                                    #2D2D2D;
+@G2:                                    #5A5A5A;
+@G3:                                    #9C9C9C;
+@G4:                                    #BEBEBE;
+@G5:                                    #E4E4E4;
+@G6:                                    #F6F6F6;
+@G7:                                    #FFFFFF;
+
+@B1:                                    #105A73;
+@B2:                                    #328CAA;
+@B3:                                    #6EADC1;
+@B4:                                    #9DD0E0;
+
+@G1:                                    #80C383;
+@G2:                                    #AEE8B0;
+
+@Y1:                                    #FBCE47;
+@Y2:                                    #F5DD94;
+
+@R1:                                    #D76051;
+@R2:                                    #FF9183;
+
+@PU1:                                   #9980B2;
+@PU2:                                   #CDB5E4;
+
+@PI1:                                   #E8488B;
+@PI2:                                   #FF95C1;

From 500950bf2ff7a5c477f3565ccc6e5d8a6a28a6e1 Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Fri, 29 Jan 2016 18:21:35 -0400
Subject: [PATCH 011/181] [Logo] Changing the logo back to svg

---
 src/plugins/kibana/public/kibana.js           |   6 +-
 .../directives/app_switcher/app_switcher.less |   1 +
 src/ui/public/images/kibana.svg               | 141 +-----------------
 3 files changed, 5 insertions(+), 143 deletions(-)

diff --git a/src/plugins/kibana/public/kibana.js b/src/plugins/kibana/public/kibana.js
index b62be1d887b12..621d0062ab555 100644
--- a/src/plugins/kibana/public/kibana.js
+++ b/src/plugins/kibana/public/kibana.js
@@ -19,7 +19,7 @@ var chrome = require('ui/chrome');
 var routes = require('ui/routes');
 var modules = require('ui/modules');
 
-var kibanaLogoUrl = require('ui/images/kibana.gif');
+var kibanaLogoUrl = require('ui/images/kibana.svg');
 
 routes.enable();
 
@@ -30,8 +30,8 @@ routes
 
 chrome
 .setBrand({
-  'logo': 'url(' + kibanaLogoUrl + ') 0% 0% no-repeat',
-  'smallLogo': 'url(' + kibanaLogoUrl + ') 0% 0% no-repeat'
+  'logo': 'url(' + kibanaLogoUrl + ') 3px 5px no-repeat',
+  'smallLogo': 'url(' + kibanaLogoUrl + ') 3px 5px no-repeat'
 })
 .setNavBackground('#222222')
 .setTabDefaults({
diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
index a604863e7ebfb..ae6278d697162 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -25,6 +25,7 @@
 
   .logo {
     height: 70px;
+    width: 160px;
     list-style-type: none;
   }
 }
diff --git a/src/ui/public/images/kibana.svg b/src/ui/public/images/kibana.svg
index 888b9aafa2ef3..dfb45b1544b7b 100644
--- a/src/ui/public/images/kibana.svg
+++ b/src/ui/public/images/kibana.svg
@@ -1,140 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   version="1.1"
-   id="Layer_1"
-   x="0px"
-   y="0px"
-   width="252px"
-   height="45px"
-   viewBox="0 0 252 45"
-   enable-background="new 0 0 252 45"
-   xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="kibana.svg"><metadata
-     id="metadata4270"><rdf:RDF><cc:Work
-         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
-     id="defs4268" /><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="2046"
-     inkscape:window-height="1132"
-     id="namedview4266"
-     showgrid="false"
-     inkscape:zoom="1.0416667"
-     inkscape:cx="126"
-     inkscape:cy="22.5"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="Layer_1" /><font
-     horiz-adv-x="1000"
-     id="font4232"><!-- &quot;Helvetica Neue&quot; is a trademark of Heidelberger Druckmaschinen AG, which may be registered in certain jurisdictions, exclusivly licensed through Linotype Library GmbH, a wholly owned subsidiary of Heidelberger Druckmaschinen AG. --><font-face
-       font-family="HelveticaNeue-Bold"
-       units-per-em="1000"
-       underline-position="-100"
-       underline-thickness="50"
-       id="font-face4234" /><missing-glyph
-       horiz-adv-x="500"
-       d="M391,607l-280,0l0,-512l280,0M482,698l0,-695l-465,0l0,695z"
-       id="missing-glyph4236" /><glyph
-       unicode="a"
-       horiz-adv-x="574"
-       d="M48,358C50,391 58,419 73,441C88,463 106,481 129,494C152,507 177,517 206,523C234,528 262,531 291,531C317,531 343,529 370,526C397,522 421,515 443,504C465,493 483,479 497,460C511,441 518,415 518,384l0,-269C518,92 519,69 522,48C525,27 529,11 536,0l-144,0C389,8 387,16 386,25C384,33 383,41 382,50C359,27 333,10 302,1C271,-8 240,-13 208,-13C183,-13 160,-10 139,-4C118,2 99,11 83,24C67,37 55,53 46,72C37,91 32,114 32,141C32,170 37,195 48,214C58,233 71,248 88,259C104,270 123,279 144,285C165,290 186,295 207,298C228,301 249,304 270,306C291,308 309,311 325,315C341,319 354,325 363,333C372,340 377,351 376,366C376,381 374,394 369,403C364,412 357,419 349,424C340,429 331,432 320,434C309,435 297,436 284,436C256,436 234,430 218,418C202,406 193,386 190,358M376,253C370,248 363,244 354,241C345,238 335,235 325,233C314,231 303,229 292,228C281,227 269,225 258,223C247,221 237,218 227,215C216,212 207,207 200,202C192,196 186,189 181,180C176,171 174,160 174,147C174,134 176,124 181,115C186,106 192,100 200,95C208,90 217,86 228,84C239,82 250,81 261,81C289,81 311,86 326,95C341,104 353,116 360,129C367,142 372,155 374,168C375,181 376,192 376,200z"
-       id="glyph4238" /><glyph
-       unicode="b"
-       horiz-adv-x="611"
-       d="M433,258C433,237 431,216 426,196C421,176 414,158 404,143C394,128 382,116 367,107C352,98 333,93 312,93C291,93 273,98 258,107C243,116 230,128 220,143C210,158 203,176 198,196C193,216 191,237 191,258C191,280 193,301 198,321C203,341 210,359 220,374C230,389 243,402 258,411C273,420 291,424 312,424C333,424 352,420 367,411C382,402 394,389 404,374C414,359 421,341 426,321C431,301 433,280 433,258M54,714l0,-714l135,0l0,66l2,0C206,37 229,17 259,5C289,-7 323,-13 361,-13C387,-13 413,-8 438,3C463,14 486,30 507,52C527,74 543,102 556,137C569,171 575,212 575,259C575,306 569,347 556,382C543,416 527,444 507,466C486,488 463,504 438,515C413,526 387,531 361,531C329,531 298,525 269,513C239,500 215,481 198,454l-2,0l0,260z"
-       id="glyph4240" /><glyph
-       unicode="i"
-       horiz-adv-x="258"
-       d="M200,597l0,117l-142,0l0,-117M58,517l0,-517l142,0l0,517z"
-       id="glyph4242" /><glyph
-       unicode="k"
-       horiz-adv-x="574"
-       d="M67,714l0,-714l142,0l0,178l55,53l142,-231l172,0l-217,327l195,190l-168,0l-179,-186l0,383z"
-       id="glyph4244" /><glyph
-       unicode="n"
-       horiz-adv-x="593"
-       d="M54,517l0,-517l142,0l0,271C196,324 205,362 222,385C239,408 267,419 306,419C340,419 364,409 377,388C390,367 397,335 397,292l0,-292l142,0l0,318C539,350 536,379 531,406C525,432 515,454 501,473C487,491 468,505 444,516C419,526 388,531 350,531C320,531 291,524 262,511C233,497 210,475 192,445l-3,0l0,72z"
-       id="glyph4246" /></font><rect
-     fill="#3C3C3C"
-     width="252"
-     height="45"
-     id="rect4248"
-     style="opacity:1" /><rect
-     fill="#85C441"
-     width="6.094"
-     height="45"
-     id="rect4250"
-     style="opacity:1" /><rect
-     x="5.958"
-     fill="#2C448E"
-     width="6.094"
-     height="45"
-     id="rect4252"
-     style="opacity:1" /><rect
-     x="12.052"
-     fill="#F2BB1A"
-     width="9.847"
-     height="45"
-     id="rect4254"
-     style="opacity:1" /><rect
-     x="21.899"
-     fill="#3BBEB1"
-     width="6.068"
-     height="45"
-     id="rect4256"
-     style="opacity:1" /><rect
-     x="28.029"
-     fill="#006656"
-     width="2.84"
-     height="45"
-     id="rect4258"
-     style="opacity:1" /><rect
-     x="30.869"
-     fill="#EA458B"
-     width="15.006"
-     height="45"
-     id="rect4260"
-     style="opacity:1" /><rect
-     x="41.5"
-     fill="none"
-     width="207.5"
-     height="74"
-     id="rect4262" /><g
-     style="font-size:64.99947357px;font-family:HelveticaNeue-Bold;letter-spacing:-2.99203849px;opacity:1;fill:#ffffff"
-     id="text4264"><path
-       d="m 45.721,-0.49421886 0,46.40962386 9.229925,0 0,-11.569906 3.574971,-3.444972 9.229926,15.014878 11.179909,0 -14.104886,-21.254828 12.674898,-12.3499 -10.919912,0 -11.634906,12.089903 0,-24.89479886 -9.229925,0 z"
-       style="letter-spacing:-1.33094156px"
-       id="path4912" /><path
-       d="m 90.358907,7.1107196 0,-7.60493846 -9.229925,0 0,7.60493846 9.229925,0 z m -9.229925,5.1999574 0,33.604728 9.229925,0 0,-33.604728 -9.229925,0 z"
-       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue Bold';letter-spacing:-2.87854815px"
-       id="path4914" /><path
-       d="m 119.38291,29.145541 q 0,2.079983 -0.45499,4.029967 -0.455,1.949985 -1.42999,3.444973 -0.97499,1.494987 -2.46998,2.40498 -1.42999,0.844993 -3.50997,0.844993 -2.01499,0 -3.50998,-0.844993 -1.49498,-0.909993 -2.46998,-2.40498 -0.97499,-1.494988 -1.42998,-3.444973 -0.455,-1.949984 -0.455,-4.029967 0,-2.144983 0.455,-4.094967 0.45499,-1.949984 1.42998,-3.444972 0.975,-1.494988 2.46998,-2.339981 1.49499,-0.909993 3.50998,-0.909993 2.07998,0 3.50997,0.909993 1.49499,0.844993 2.46998,2.339981 0.97499,1.494988 1.42999,3.444972 0.45499,1.949984 0.45499,4.094967 z m -24.634798,-29.63975986 0,46.40962386 8.774928,0 0,-4.289965 0.13,0 q 1.49499,2.794977 4.41996,3.964968 2.92498,1.16999 6.62995,1.16999 2.53498,0 5.00496,-1.039991 2.46998,-1.039992 4.41996,-3.184974 2.01499,-2.144983 3.24998,-5.459956 1.23499,-3.379973 1.23499,-7.994935 0,-4.614963 -1.23499,-7.929936 -1.23499,-3.379973 -3.24998,-5.524955 -1.94998,-2.144983 -4.41996,-3.184975 -2.46998,-1.039991 -5.00496,-1.039991 -3.11997,0 -6.04495,1.23499 -2.85998,1.16999 -4.54996,3.769969 l -0.13,0 0,-16.89986286 -9.229928,0 z"
-       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue Bold';letter-spacing:-2.87854815px"
-       id="path4916" /><path
-       d="m 131.21557,22.645594 q 0.195,-3.249974 1.62499,-5.394957 1.42999,-2.144982 3.63997,-3.444972 2.20998,-1.299989 4.93996,-1.819985 2.79498,-0.584995 5.58995,-0.584995 2.53498,0 5.13496,0.389997 2.59998,0.324997 4.74496,1.364989 2.14499,1.039991 3.50997,2.924976 1.36499,1.819985 1.36499,4.87496 l 0,17.484859 q 0,2.274981 0.26,4.354965 0.26,2.079983 0.90999,3.119974 l -9.35992,0 q -0.26,-0.779993 -0.455,-1.559987 -0.13,-0.844993 -0.19499,-1.689986 -2.20999,2.274981 -5.19996,3.184974 -2.98998,0.909992 -6.10995,0.909992 -2.40498,0 -4.48497,-0.584995 -2.07998,-0.584995 -3.63997,-1.819985 -1.55998,-1.23499 -2.46998,-3.119975 -0.84499,-1.884985 -0.84499,-4.484964 0,-2.859976 0.97499,-4.679962 1.03999,-1.884984 2.59998,-2.989975 1.62499,-1.104991 3.63997,-1.624987 2.07998,-0.584995 4.15997,-0.909993 2.07998,-0.324997 4.09496,-0.519996 2.01499,-0.194998 3.57498,-0.584995 1.55998,-0.389997 2.46998,-1.104991 0.90999,-0.779994 0.84499,-2.209982 0,-1.494988 -0.52,-2.339981 -0.45499,-0.909993 -1.29999,-1.364989 -0.77999,-0.519996 -1.88498,-0.649995 -1.03999,-0.194998 -2.27498,-0.194998 -2.72998,0 -4.28997,1.16999 -1.55999,1.169991 -1.81998,3.899969 l -9.22993,0 z m 21.31983,6.824944 q -0.585,0.519996 -1.49499,0.844994 -0.84499,0.259998 -1.88498,0.454996 -0.975,0.194998 -2.07999,0.324997 -1.10499,0.129999 -2.20998,0.324998 -1.03999,0.194998 -2.07998,0.519995 -0.97499,0.324998 -1.75499,0.909993 -0.71499,0.519996 -1.16999,1.364989 -0.455,0.844993 -0.455,2.144983 0,1.23499 0.455,2.079983 0.455,0.844993 1.23499,1.364989 0.77999,0.454996 1.81999,0.649994 1.03999,0.194999 2.14498,0.194999 2.72998,0 4.22496,-0.909993 1.49499,-0.909992 2.20999,-2.144982 0.71499,-1.29999 0.84499,-2.599979 0.195,-1.29999 0.195,-2.079983 l 0,-3.444973 z"
-       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue Bold';letter-spacing:-2.87854815px"
-       id="path4918" /><path
-       d="m 165.92399,12.310677 0,33.604728 9.22992,0 0,-17.614857 q 0,-5.134958 1.68999,-7.344941 1.68999,-2.274981 5.45996,-2.274981 3.31497,0 4.61496,2.079983 1.29999,2.014984 1.29999,6.17495 l 0,18.979846 9.22992,0 0,-20.669832 q 0,-3.119975 -0.58499,-5.654955 -0.52,-2.599978 -1.88499,-4.354964 -1.36499,-1.819986 -3.76997,-2.794978 -2.33998,-1.039991 -6.04495,-1.039991 -2.92497,0 -5.71995,1.364989 -2.79498,1.299989 -4.54996,4.224966 l -0.195,0 0,-4.679963 -8.77493,0 z"
-       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue Bold';letter-spacing:-2.87854815px"
-       id="path4920" /><path
-       d="m 201.24887,22.645594 q 0.195,-3.249974 1.62499,-5.394957 1.42999,-2.144982 3.63997,-3.444972 2.20998,-1.299989 4.93996,-1.819985 2.79498,-0.584995 5.58996,-0.584995 2.53497,0 5.13495,0.389997 2.59998,0.324997 4.74497,1.364989 2.14498,1.039991 3.50997,2.924976 1.36499,1.819985 1.36499,4.87496 l 0,17.484859 q 0,2.274981 0.25999,4.354965 0.26,2.079983 0.91,3.119974 l -9.35993,0 q -0.26,-0.779993 -0.45499,-1.559987 -0.13,-0.844993 -0.195,-1.689986 -2.20998,2.274981 -5.19996,3.184974 -2.98998,0.909992 -6.10995,0.909992 -2.40498,0 -4.48496,-0.584995 -2.07999,-0.584995 -3.63998,-1.819985 -1.55998,-1.23499 -2.46998,-3.119975 -0.84499,-1.884985 -0.84499,-4.484964 0,-2.859976 0.97499,-4.679962 1.04,-1.884984 2.59998,-2.989975 1.62499,-1.104991 3.63997,-1.624987 2.07999,-0.584995 4.15997,-0.909993 2.07998,-0.324997 4.09497,-0.519996 2.01498,-0.194998 3.57497,-0.584995 1.55998,-0.389997 2.46998,-1.104991 0.90999,-0.779994 0.84499,-2.209982 0,-1.494988 -0.52,-2.339981 -0.45499,-0.909993 -1.29998,-1.364989 -0.78,-0.519996 -1.88499,-0.649995 -1.03999,-0.194998 -2.27498,-0.194998 -2.72998,0 -4.28997,1.16999 -1.55998,1.169991 -1.81998,3.899969 l -9.22993,0 z m 21.31983,6.824944 q -0.58499,0.519996 -1.49499,0.844994 -0.84499,0.259998 -1.88498,0.454996 -0.97499,0.194998 -2.07999,0.324997 -1.10499,0.129999 -2.20998,0.324998 -1.03999,0.194998 -2.07998,0.519995 -0.97499,0.324998 -1.75499,0.909993 -0.71499,0.519996 -1.16999,1.364989 -0.45499,0.844993 -0.45499,2.144983 0,1.23499 0.45499,2.079983 0.455,0.844993 1.23499,1.364989 0.78,0.454996 1.81999,0.649994 1.03999,0.194999 2.14498,0.194999 2.72998,0 4.22497,-0.909993 1.49498,-0.909992 2.20998,-2.144982 0.71499,-1.29999 0.84499,-2.599979 0.195,-1.29999 0.195,-2.079983 l 0,-3.444973 z"
-       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Helvetica Neue';-inkscape-font-specification:'Helvetica Neue Bold';letter-spacing:-2.87854815px"
-       id="path4922" /></g></svg>
\ No newline at end of file
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 141.37 51"><defs><style>.cls-1,.cls-2,.cls-3,.cls-4{fill:#fff;}.cls-1{opacity:0.6;}.cls-2{opacity:0.4;}.cls-3{opacity:0.9;}</style></defs><title>Kibana-Full-Logo</title><path class="cls-1" d="M409.68,273.59a38.94,38.94,0,0,1,18.71,4.76L448.2,254.5H408.94v19.11Z" transform="translate(-408.94 -254.5)"/><path class="cls-1" d="M428.39,278.35l-19.45,23.42v3.73h39.2A39.2,39.2,0,0,0,428.39,278.35Z" transform="translate(-408.94 -254.5)"/><path class="cls-2" d="M428.39,278.35l-19.45,23.42v3.73h7l18.87-22.77s-1.25-1.06-3-2.3C430.41,279.46,428.39,278.35,428.39,278.35Z" transform="translate(-408.94 -254.5)"/><path class="cls-3" d="M409.68,273.59l-0.74,0v28.17l19.45-23.42A38.94,38.94,0,0,0,409.68,273.59Z" transform="translate(-408.94 -254.5)"/><path class="cls-4" d="M457.06,291.29H453.2V266.23h3.86v14.48l2.2-.21,4.18-6.9h4.32l-5.1,8.28,5.38,9.42h-4.36l-4.32-7.47-2.3.25v7.22Z" transform="translate(-408.94 -254.5)"/><path class="cls-4" d="M470.86,270.58v-4.07h3.86v4.07h-3.86Zm0,20.71v-17.7h3.86v17.7h-3.86Z" transform="translate(-408.94 -254.5)"/><path class="cls-4" d="M487.64,273.2q3.65,0,5.26,2t1.61,7.2q0,5.17-1.91,7.21t-6.73,2q-1.66,0-5.27-.32l-1.2-.11v-25h3.82v8A11.25,11.25,0,0,1,487.64,273.2Zm-1.77,15q2.83,0,3.77-1.33a8.11,8.11,0,0,0,.94-4.51,9.08,9.08,0,0,0-.8-4.48,2.82,2.82,0,0,0-2.6-1.29,11.33,11.33,0,0,0-3.4.53l-0.57.18v10.76Q485.17,288.25,485.87,288.25Z" transform="translate(-408.94 -254.5)"/><path class="cls-4" d="M511.47,279v8.07a1.68,1.68,0,0,0,.41,1.15,2,2,0,0,0,1.15.48l-0.11,2.94a7.45,7.45,0,0,1-4.71-1.31,13.47,13.47,0,0,1-5.7,1.31q-5.28,0-5.28-5.63a4.81,4.81,0,0,1,1.43-3.89,7.81,7.81,0,0,1,4.41-1.45l4.57-.39V279a2.15,2.15,0,0,0-2.44-2.55q-2.27,0-5.66.28l-1.13.07-0.14-2.73a30.77,30.77,0,0,1,7.1-.92q3.24,0,4.67,1.4A6,6,0,0,1,511.47,279Zm-7.93,4.39a2.38,2.38,0,0,0-2.44,2.66q0,2.44,2.16,2.44A13.67,13.67,0,0,0,507,288l0.64-.21V283Z" transform="translate(-408.94 -254.5)"/><path class="cls-4" d="M520.18,291.29h-3.86v-17.7h3.82v1.1A9.85,9.85,0,0,1,525,273.2q3.54,0,4.83,2t1.29,6.6v9.49h-3.82v-9.38a9.58,9.58,0,0,0-.62-4.07,2.57,2.57,0,0,0-2.53-1.2,8.77,8.77,0,0,0-3.47.71l-0.53.21v13.74Z" transform="translate(-408.94 -254.5)"/><path class="cls-4" d="M548.75,279v8.07a1.68,1.68,0,0,0,.41,1.15,2,2,0,0,0,1.15.48l-0.11,2.94a7.45,7.45,0,0,1-4.71-1.31,13.48,13.48,0,0,1-5.7,1.31q-5.28,0-5.28-5.63a4.82,4.82,0,0,1,1.43-3.89,7.81,7.81,0,0,1,4.41-1.45l4.57-.39V279a2.15,2.15,0,0,0-2.44-2.55q-2.27,0-5.66.28l-1.13.07-0.14-2.73a30.78,30.78,0,0,1,7.1-.92q3.24,0,4.67,1.4A6,6,0,0,1,548.75,279Zm-7.93,4.39a2.38,2.38,0,0,0-2.44,2.66q0,2.44,2.16,2.44a13.66,13.66,0,0,0,3.75-.57l0.64-.21V283Z" transform="translate(-408.94 -254.5)"/></svg>
\ No newline at end of file

From 8f4b48f10110ce4870387126d7b567f52613324d Mon Sep 17 00:00:00 2001
From: spalger <spalger@users.noreply.github.com>
Date: Fri, 29 Jan 2016 17:35:34 -0700
Subject: [PATCH 012/181] [chrome/Tab] fix tests

---
 src/ui/public/chrome/__tests__/Tab.js         | 34 +++++++++++++------
 .../public/chrome/__tests__/_TabFakeStore.js  |  1 +
 2 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/src/ui/public/chrome/__tests__/Tab.js b/src/ui/public/chrome/__tests__/Tab.js
index b25995730ec20..fd6003b847086 100644
--- a/src/ui/public/chrome/__tests__/Tab.js
+++ b/src/ui/public/chrome/__tests__/Tab.js
@@ -1,5 +1,6 @@
 const Tab = require('../Tab');
 const expect = require('expect.js');
+const sinon = require('auto-release-sinon');
 const TabFakeStore = require('./_TabFakeStore');
 
 describe('Chrome Tab', function () {
@@ -89,13 +90,24 @@ describe('Chrome Tab', function () {
     it('discovers the lastUrl', function () {
       const lastUrlStore = new TabFakeStore();
       const tab = new Tab({ id: 'foo', lastUrlStore });
-      expect(tab.lastUrl).to.not.equal('bar');
+      expect(tab.lastUrl).to.not.equal('/foo/bar');
 
-      tab.setLastUrl('bar');
-      expect(tab.lastUrl).to.equal('bar');
+      tab.setLastUrl('/foo/bar');
+      expect(tab.lastUrl).to.equal('/foo/bar');
 
       const tab2 = new Tab({ id: 'foo', lastUrlStore });
-      expect(tab2.lastUrl).to.equal('bar');
+      expect(tab2.lastUrl).to.equal('/foo/bar');
+    });
+
+    it('logs a warning about last urls that do not match the rootUrl', function () {
+      const lastUrlStore = new TabFakeStore();
+      const tab = new Tab({ id: 'foo', baseUrl: '/bar', lastUrlStore });
+      tab.setLastUrl('/bar/foo/1');
+
+      const stub = sinon.stub(console, 'log');
+      const tab2 = new Tab({ id: 'foo', baseUrl: '/baz', lastUrlStore });
+      sinon.assert.calledOnce(stub);
+      expect(tab2.lastUrl).to.equal(null);
     });
   });
 
@@ -167,14 +179,14 @@ describe('Chrome Tab', function () {
       expect(tab.getLastPath()).to.equal('/index');
     });
 
-    it('throws an error if the lastUrl does not extend the root url', function () {
-      expect(function () {
-        const baseUrl = 'http://local:5601/app/visualize#';
-        const tab = new Tab({ baseUrl });
+    it('logs a warning if the lastUrl does not extend the root url', function () {
+      const baseUrl = 'http://local:5601/app/visualize#';
+      const tab = new Tab({ baseUrl });
+      sinon.stub(console, 'log');
 
-        tab.setLastUrl('http://local:5601/');
-        tab.getLastPath();
-      }).to.throwError(/invalid.*root/);
+      tab.setLastUrl('http://local:5601/');
+      tab.getLastPath();
+      sinon.assert.calledOnce(console.log);// eslint-disable-line no-console
     });
   });
 
diff --git a/src/ui/public/chrome/__tests__/_TabFakeStore.js b/src/ui/public/chrome/__tests__/_TabFakeStore.js
index 1b8ab81602259..a678440d14b78 100644
--- a/src/ui/public/chrome/__tests__/_TabFakeStore.js
+++ b/src/ui/public/chrome/__tests__/_TabFakeStore.js
@@ -4,6 +4,7 @@ export default class TabFakeStore {
   constructor() { this[store] = new Map(); }
   getItem(k) { return this[store].get(k); }
   setItem(k, v) { return this[store].set(k, v); }
+  removeItem(k) { return this[store].delete(k); }
   getKeys() { return [ ...this[store].keys() ]; }
   getValues() { return [ ...this[store].values() ]; }
 }

From 8f127eac79a483539dd1803884214a11df4c06f1 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Mon, 1 Feb 2016 13:51:33 -0600
Subject: [PATCH 013/181] Fix conflict between gray and green less variables

---
 src/ui/public/styles/variables/colors.less | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ui/public/styles/variables/colors.less b/src/ui/public/styles/variables/colors.less
index 710a64ca80d7d..5e0f02eec8e7d 100644
--- a/src/ui/public/styles/variables/colors.less
+++ b/src/ui/public/styles/variables/colors.less
@@ -48,8 +48,8 @@
 @B3:                                    #6EADC1;
 @B4:                                    #9DD0E0;
 
-@G1:                                    #80C383;
-@G2:                                    #AEE8B0;
+@GR1:                                   #80C383;
+@GR2:                                   #AEE8B0;
 
 @Y1:                                    #FBCE47;
 @Y2:                                    #F5DD94;

From 5e49edd5f635f792c08078af824160597e95a78b Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Mon, 1 Feb 2016 14:39:10 -0600
Subject: [PATCH 014/181] [visualize] Change base chart color

---
 src/ui/public/config/defaults.js                     | 2 +-
 src/ui/public/vislib/components/color/seed_colors.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ui/public/config/defaults.js b/src/ui/public/config/defaults.js
index 8cf9b5deb723a..2855e1da04827 100644
--- a/src/ui/public/config/defaults.js
+++ b/src/ui/public/config/defaults.js
@@ -109,7 +109,7 @@ define(function (require) {
       'visualization:colorMapping': {
         type: 'json',
         value: JSON.stringify({
-          'Count': '#57c17b'
+          'Count': '#6eadc1'
         }),
         description: 'Maps values to specified colors within visualizations'
       },
diff --git a/src/ui/public/vislib/components/color/seed_colors.js b/src/ui/public/vislib/components/color/seed_colors.js
index 5de209c794638..aae433fece914 100644
--- a/src/ui/public/vislib/components/color/seed_colors.js
+++ b/src/ui/public/vislib/components/color/seed_colors.js
@@ -8,8 +8,8 @@ define(function () {
 
   return function SeedColorUtilService() {
     return [
+      '#6eadc1',
       '#57c17b',
-      '#006e8a',
       '#6f87d8',
       '#663db8',
       '#bc52bc',

From 3f1c98020527a340903d757c28862e563056eb78 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Mon, 1 Feb 2016 18:01:43 -0800
Subject: [PATCH 015/181] init changes to Visualize Page redesign

---
 optimize/.empty                               |  0
 .../kibana/public/visualize/styles/main.less  | 15 ++++--
 .../public/visualize/wizard/step_1.html       | 44 ++++++++--------
 .../public/partials/saved_object_finder.html  | 50 +++++++++----------
 4 files changed, 58 insertions(+), 51 deletions(-)
 delete mode 100644 optimize/.empty

diff --git a/optimize/.empty b/optimize/.empty
deleted file mode 100644
index e69de29bb2d1d..0000000000000
diff --git a/src/plugins/kibana/public/visualize/styles/main.less b/src/plugins/kibana/public/visualize/styles/main.less
index 1f0bd0a1b6b2e..e1f93cdf46823 100644
--- a/src/plugins/kibana/public/visualize/styles/main.less
+++ b/src/plugins/kibana/public/visualize/styles/main.less
@@ -5,18 +5,23 @@
 .vis-wizard {
   h1 {
     margin-top: 45px;
+    padding: 0px 15px;
   }
+  margin-right: 0px !important;
+  margin-left: 0px !important;
 }
 
 .wizard-vis-type {
   .list-group-item();
   .list-group-menu .list-group-menu-item();
 
-  // overrided for tablet and desktop
-  @media (min-width: @screen-md-min) {
-    display: flex;
-    align-items: flex-start;
-  }
+  border: none !important;
+  border-radius: 0 !important;
+  // // overrided for tablet and desktop
+  // @media (min-width: @screen-md-min) {
+  //   display: flex;
+  //   align-items: flex-start;
+  // }
 
   &-heading {
     flex: 0 0 200px;
diff --git a/src/plugins/kibana/public/visualize/wizard/step_1.html b/src/plugins/kibana/public/visualize/wizard/step_1.html
index f435e5faeaddd..0b55958878e9d 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_1.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_1.html
@@ -1,24 +1,28 @@
-<h1>
-  Create a new visualization <br class="visible-xs">
-  <span class="pull-right label label-default hidden-xs">Step 1</span>
-  <span class="label label-default visible-xs">Step 1</span>
-</h1>
+<div class="row">
+  <div class="col-md-6">
+    <h1>
+      Create New Visualization <br class="visible-xs">
+    </h1>
 
-<div class="wizard-vis-types">
-  <a class="wizard-vis-type"
-     ng-repeat="type in visTypes.inTitleOrder"
-     ng-href="{{ visTypeUrl(type) }}">
-    <div class="wizard-vis-type-heading">
-      <i aria-hidden="true" class="fa fa-fw" ng-class="type.icon"></i>
-      <h4>{{type.title}}</h4>
+    <div class="wizard-vis-types">
+      <a class="wizard-vis-type"
+         ng-repeat="type in visTypes.inTitleOrder"
+         ng-href="{{ visTypeUrl(type) }}">
+        <div class="wizard-vis-type-heading">
+          <i aria-hidden="true" class="fa fa-fw" ng-class="type.icon"></i>
+          <h4>{{type.title}}</h4>
+        </div>
+        <p class="wizard-vis-type-description">{{type.description}}</p>
+      </a>
     </div>
-    <p class="wizard-vis-type-description">{{type.description}}</p>
-  </a>
-</div>
+  </div>
 
-<h1>Or, open a saved visualization</h1>
+  <div class="col-md-6">
+    <h1>Or, open a saved visualization</h1>
 
-<saved-object-finder
-        title="Saved Visualizations"
-        type="visualizations">
-</saved-object-finder>
+    <saved-object-finder
+            title="Saved Visualizations"
+            type="visualizations">
+    </saved-object-finder>
+  </div>
+</div>
diff --git a/src/ui/public/partials/saved_object_finder.html b/src/ui/public/partials/saved_object_finder.html
index 7432e71d8a543..1f700fdadfc74 100644
--- a/src/ui/public/partials/saved_object_finder.html
+++ b/src/ui/public/partials/saved_object_finder.html
@@ -17,30 +17,28 @@
   </div>
 </form>
 <paginate list="finder.hits" per-page="5">
-  <ul
-    class="list-group list-group-menu"
-    ng-class="{'select-mode': finder.selector.enabled}">
+  <table class="list-group list-group-menu table-striped" style="width: 100%;" ng-class="{'select-mode': finder.selector.enabled}">
+    <thead>
+      <tr>
+        <th>Type</th>
+        <th>Name</th>
+      </tr>
+    </thead>
 
-    <li
-      class="list-group-item list-group-menu-item"
-      ng-class="{'active': finder.selector.index === $index && finder.selector.enabled}"
-      ng-repeat="hit in page"
-      ng-keydown="finder.hitKeyDown($event, page, paginate)"
-      ng-click="finder.onChoose(hit, $event)">
-
-      <a
-        ng-href="{{finder.makeUrl(hit)}}"
-        ng-blur="finder.hitBlur($event)"
-        ng-click="finder.preventClick($event)">
-
-        <i aria-hidden="true" class="fa" ng-if="hit.icon" ng-class="hit.icon"></i> {{hit.title}}
-        <p ng-if="hit.description" ng-bind="hit.description"></p>
-      </a>
-    </li>
-    <li
-      class="list-group-item list-group-no-results"
-      ng-if="finder.hits.length === 0">
-      <p ng-bind="'No matching ' + finder.properties.nouns + ' found.'"></p>
-    </li>
-  </ul>
-</paginate>
\ No newline at end of file
+    <tbody>
+      <tr class="wizard-vis-type" ng-class="{'active': finder.selector.index === $index && finder.selector.enabled}" ng-repeat="hit in page" ng-keydown="finder.hitKeyDown($event, page, paginate)" ng-click="finder.onChoose(hit, $event)">
+        <th>
+          <a ng-href="{{finder.makeUrl(hit)}}" ng-blur="finder.hitBlur($event)" ng-click="finder.preventClick($event)">
+            <i aria-hidden="true" class="fa" ng-if="hit.icon" ng-class="hit.icon"></i> {{hit.title}}
+          </a>
+        </th>
+        <th>
+          <p ng-if="hit.description" ng-bind="hit.description"></p>
+        </th>
+        <th class="list-group-item list-group-no-results" ng-if="finder.hits.length === 0">
+          <p ng-bind="'No matching ' + finder.properties.nouns + ' found.'"></p>
+        </th>
+      </tr>
+    </tbody>
+  </table>
+</paginate>

From 70a7077aaa8830d5585b1624e0c05084a539d7c2 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Tue, 2 Feb 2016 11:44:52 -0600
Subject: [PATCH 016/181] [font] Bump base size to 14px

---
 src/ui/public/styles/variables/bootstrap-mods.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/public/styles/variables/bootstrap-mods.less b/src/ui/public/styles/variables/bootstrap-mods.less
index ef47a359d4f47..3386ea4df94db 100644
--- a/src/ui/public/styles/variables/bootstrap-mods.less
+++ b/src/ui/public/styles/variables/bootstrap-mods.less
@@ -26,7 +26,7 @@
 @font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
 @font-family-base:        @font-family-sans-serif;
 
-@font-size-base:          13px;
+@font-size-base:          14px;
 @font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
 @font-size-small:         ceil((@font-size-base * 0.85)); // ~12px
 

From 8b21ed04f4e71320cf9d10b3a65b23bdea90d0b7 Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Tue, 2 Feb 2016 14:18:30 -0400
Subject: [PATCH 017/181] [Css] Changing the css to accomodate the new logo
 dimensions

---
 .../chrome/directives/app_switcher/app_switcher.less     | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
index ae6278d697162..be3b10e364091 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -2,8 +2,8 @@
 @import (reference) "~ui/styles/variables";
 
 // as - App Switcher
-@as-open-width: 160px;
-@as-closed-width: 50px;
+@as-open-width: 170px;
+@as-closed-width: 53px;
 @app-icon-height: 30px;
 @transition-time: .65s;
 @transition-delay: .2s;
@@ -25,7 +25,7 @@
 
   .logo {
     height: 70px;
-    width: 160px;
+    width: 165px;
     list-style-type: none;
   }
 }
@@ -33,9 +33,6 @@
   .real-flex-parent();
   flex: 1;
   margin: 0 auto;
-  transition: padding-right @transition-time;
-  transition-delay: @transition-delay;
-
 
   .navbar-right {
     margin-right: 0;

From eef94c74810cdbdf2c35f06749162344c156d27f Mon Sep 17 00:00:00 2001
From: spalger <spalger@users.noreply.github.com>
Date: Tue, 2 Feb 2016 11:59:19 -0700
Subject: [PATCH 018/181] [appSwitcher] es6-ify

---
 .../directives/app_switcher/app_switcher.js   | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.js b/src/ui/public/chrome/directives/app_switcher/app_switcher.js
index 0ee4e69a9afc3..61cc71d0bd278 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.js
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.js
@@ -1,31 +1,31 @@
-var parse = require('url').parse;
-var bindKey = require('lodash').bindKey;
+import { parse } from 'url';
+import { bindKey } from 'lodash';
 
 require('../app_switcher/app_switcher.less');
-var DomLocationProvider = require('ui/domLocation');
+const DomLocationProvider = require('ui/domLocation');
 
 require('ui/modules')
 .get('kibana')
 .provider('appSwitcherEnsureNavigation', function () {
-  var forceNavigation = false;
+  let forceNavigation = false;
 
   this.forceNavigation = function (val) {
     forceNavigation = !!val;
   };
 
   this.$get = ['Private', function (Private) {
-    var domLocation = Private(DomLocationProvider);
+    const domLocation = Private(DomLocationProvider);
 
     return function (event) {
       if (!forceNavigation || event.isDefaultPrevented() || event.altKey || event.metaKey || event.ctrlKey) {
         return;
       }
 
-      var toParsed = parse(event.delegateTarget.href);
-      var fromParsed = parse(domLocation.href);
-      var sameProto = toParsed.protocol === fromParsed.protocol;
-      var sameHost = toParsed.host === fromParsed.host;
-      var samePath = toParsed.path === fromParsed.path;
+      const toParsed = parse(event.delegateTarget.href);
+      const fromParsed = parse(domLocation.href);
+      const sameProto = toParsed.protocol === fromParsed.protocol;
+      const sameHost = toParsed.host === fromParsed.host;
+      const samePath = toParsed.path === fromParsed.path;
 
       if (sameProto && sameHost && samePath) {
         toParsed.hash && domLocation.reload();
@@ -44,7 +44,7 @@ require('ui/modules')
     restrict: 'E',
     template: require('./app_switcher.html'),
     controllerAs: 'switcher',
-    controller: function ($scope, appSwitcherEnsureNavigation) {
+    controller($scope, appSwitcherEnsureNavigation) {
       // since we render this in an isolate scope we can't "require: ^chrome", but
       // rather than remove all helpfull checks we can just check here.
       if (!$scope.chrome || !$scope.chrome.getNavLinks) {

From 5de1094ed72795a5fc07a469be2a9a8fb85278e1 Mon Sep 17 00:00:00 2001
From: spalger <spalger@users.noreply.github.com>
Date: Tue, 2 Feb 2016 12:00:00 -0700
Subject: [PATCH 019/181] [chrome/api/apps] use path getter rather than
 multiple checks

---
 src/ui/public/chrome/api/apps.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/public/chrome/api/apps.js b/src/ui/public/chrome/api/apps.js
index 65f1f5af5df5a..53f689f38a8e4 100644
--- a/src/ui/public/chrome/api/apps.js
+++ b/src/ui/public/chrome/api/apps.js
@@ -3,7 +3,7 @@ const { resolve } = require('url');
 
 module.exports = function (chrome, internals) {
 
-  if (internals.app && internals.app.navLink) {
+  if (get(internals, 'app.navLink.url')) {
     internals.app.navLink.url = resolve(window.location.href, internals.app.navLink.url);
   }
 

From b5ca05141301131b5f622562220be8f2214b407f Mon Sep 17 00:00:00 2001
From: spalger <spalger@users.noreply.github.com>
Date: Tue, 2 Feb 2016 12:00:38 -0700
Subject: [PATCH 020/181] [ui/UiApp] dress like a cool kid

---
 src/ui/ui_app.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/ui/ui_app.js b/src/ui/ui_app.js
index b7ebd3c0ebcd1..9e138aae1a6d8 100644
--- a/src/ui/ui_app.js
+++ b/src/ui/ui_app.js
@@ -1,4 +1,4 @@
-import _ from 'lodash';
+import { chain, get, noop, once, pick } from 'lodash';
 import { join } from 'path';
 
 import UiNavLink from './ui_nav_link';
@@ -44,15 +44,15 @@ class UiApp {
     }
 
     // once this resolves, no reason to run it again
-    this.getModules = _.once(this.getModules);
+    this.getModules = once(this.getModules);
 
     // variables that are injected into the browser, must serialize to JSON
-    this.getInjectedVars = this.spec.injectVars || _.noop;
+    this.getInjectedVars = this.spec.injectVars || noop;
   }
 
   getModules() {
-    return _.chain([
-      this.uiExports.find(_.get(this, 'spec.uses', [])),
+    return chain([
+      this.uiExports.find(get(this, 'spec.uses', [])),
       this.uiExports.find(['chromeNavControls']),
     ])
     .flatten()
@@ -62,7 +62,7 @@ class UiApp {
   }
 
   toJSON() {
-    return _.pick(this, ['id', 'title', 'description', 'icon', 'main', 'navLink']);
+    return pick(this, ['id', 'title', 'description', 'icon', 'main', 'navLink']);
   }
 }
 

From bc4dce1e466a24b62ffc6f3e98c8f870b07dd8b0 Mon Sep 17 00:00:00 2001
From: spalger <spalger@users.noreply.github.com>
Date: Tue, 2 Feb 2016 12:01:24 -0700
Subject: [PATCH 021/181] [ui/uiNav*] es6-ify

---
 src/ui/ui_nav_link.js            |  6 +++---
 src/ui/ui_nav_link_collection.js | 10 +++++-----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/ui/ui_nav_link.js b/src/ui/ui_nav_link.js
index 742d4e5f95a42..503a31073834b 100644
--- a/src/ui/ui_nav_link.js
+++ b/src/ui/ui_nav_link.js
@@ -1,5 +1,5 @@
-var _ = require('lodash');
-var { join } = require('path');
+import { pick } from 'lodash';
+import { join } from 'path';
 
 export default class UiNavLink {
   constructor(uiExports, spec) {
@@ -11,6 +11,6 @@ export default class UiNavLink {
   }
 
   toJSON() {
-    return _.pick(this, ['title', 'url', 'order', 'description', 'icon']);
+    return pick(this, ['title', 'url', 'order', 'description', 'icon']);
   }
 }
diff --git a/src/ui/ui_nav_link_collection.js b/src/ui/ui_nav_link_collection.js
index 8ea1b282947c9..c88bf897b242f 100644
--- a/src/ui/ui_nav_link_collection.js
+++ b/src/ui/ui_nav_link_collection.js
@@ -1,10 +1,10 @@
-import _ from 'lodash';
+import { sortBy } from 'lodash';
 import UiNavLink from './ui_nav_link';
 import Collection from '../utils/Collection';
 
-let inOrderCache = Symbol('inOrder');
+const inOrderCache = Symbol('inOrder');
 
-module.exports = class UiNavLinkCollection extends Collection {
+export default class UiNavLinkCollection extends Collection {
 
   constructor(uiExports, parent) {
     super();
@@ -12,7 +12,7 @@ module.exports = class UiNavLinkCollection extends Collection {
   }
 
   new(spec) {
-    let link = new UiNavLink(this.uiExports, spec);
+    const link = new UiNavLink(this.uiExports, spec);
     this[inOrderCache] = null;
     this.add(link);
     return link;
@@ -20,7 +20,7 @@ module.exports = class UiNavLinkCollection extends Collection {
 
   get inOrder() {
     if (!this[inOrderCache]) {
-      this[inOrderCache] = _.sortBy([...this], 'order');
+      this[inOrderCache] = sortBy([...this], 'order');
     }
 
     return this[inOrderCache];

From e3005089a51ddaec5b3bf59438afe1aff57d17cf Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Tue, 2 Feb 2016 15:54:11 -0400
Subject: [PATCH 022/181] [Chrome] Moved the notifications to the proper
 location, made the sidebar function as expected with overlap

---
 src/ui/public/chrome/chrome.html               |  2 +-
 .../directives/app_switcher/app_switcher.less  | 18 ++++++++++++++----
 src/ui/public/styles/base.less                 |  1 -
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/ui/public/chrome/chrome.html b/src/ui/public/chrome/chrome.html
index f52ef56fd48c1..114d36c414c12 100644
--- a/src/ui/public/chrome/chrome.html
+++ b/src/ui/public/chrome/chrome.html
@@ -1,4 +1,3 @@
-<kbn-notifications list="notifList"></kbn-notifications>
 <div class="content" chrome-context >
   <!-- TODO: These config dropdowns shouldn't be hard coded -->
   <nav class="app-links-wrapper">
@@ -20,6 +19,7 @@
   </nav>
 
   <div class="app-wrapper">
+    <kbn-notifications list="notifList"></kbn-notifications>
     <nav
       ng-style="::{ background: chrome.getNavBackground() }"
       ng-class="{ show: chrome.getVisible() }"
diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
index be3b10e364091..a78ea93dff4de 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -9,14 +9,19 @@
 @transition-delay: .2s;
 
 .app-links-wrapper {
-  flex: 0 0 @as-closed-width;
+  width: @as-closed-width;
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 1;
   background-color: #3caed2;
   overflow: hidden;
-  transition: flex-basis @transition-time;
+  transition: width @transition-time;
   transition-delay: @transition-delay;
 
   &:hover {
-    flex-basis: @as-open-width;
+    width: @as-open-width;
 
     .app-title {
       display: inline-block;
@@ -31,7 +36,12 @@
 }
 .app-wrapper {
   .real-flex-parent();
-  flex: 1;
+  position: absolute;
+  left: @as-closed-width;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 0;
   margin: 0 auto;
 
   .navbar-right {
diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
index faa3b302e4562..ffbf0a612de9c 100644
--- a/src/ui/public/styles/base.less
+++ b/src/ui/public/styles/base.less
@@ -82,7 +82,6 @@ ul.navbar-inline li {
   overflow: hidden;
 
   > nav {
-    position: relative;
     z-index: 1;
 
     .navbar-right {

From 858c02a262c1b5420304f4e891686fdaf5de7269 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Tue, 2 Feb 2016 14:55:13 -0600
Subject: [PATCH 023/181] Make color names more specific

---
 src/ui/public/styles/variables/colors.less | 42 +++++++++++-----------
 1 file changed, 21 insertions(+), 21 deletions(-)

diff --git a/src/ui/public/styles/variables/colors.less b/src/ui/public/styles/variables/colors.less
index 5e0f02eec8e7d..ece20608f74d5 100644
--- a/src/ui/public/styles/variables/colors.less
+++ b/src/ui/public/styles/variables/colors.less
@@ -35,30 +35,30 @@
 @brand-warning:                         #F39C12;
 @brand-danger:                          #E74C3C;
 
-@G1:                                    #2D2D2D;
-@G2:                                    #5A5A5A;
-@G3:                                    #9C9C9C;
-@G4:                                    #BEBEBE;
-@G5:                                    #E4E4E4;
-@G6:                                    #F6F6F6;
-@G7:                                    #FFFFFF;
+@kibanaGray1:                           #2D2D2D;
+@kibanaGray2:                           #5A5A5A;
+@kibanaGray3:                           #9C9C9C;
+@kibanaGray4:                           #BEBEBE;
+@kibanaGray5:                           #E4E4E4;
+@kibanaGray6:                           #F6F6F6;
+@kibanaGray7:                           #FFFFFF;
 
-@B1:                                    #105A73;
-@B2:                                    #328CAA;
-@B3:                                    #6EADC1;
-@B4:                                    #9DD0E0;
+@kibanaBlue1:                           #105A73;
+@kibanaBlue2:                           #328CAA;
+@kibanaBlue3:                           #6EADC1;
+@kibanaBlue4:                           #9DD0E0;
 
-@GR1:                                   #80C383;
-@GR2:                                   #AEE8B0;
+@kibanaGreen1:                          #80C383;
+@kibanaGreen2:                          #AEE8B0;
 
-@Y1:                                    #FBCE47;
-@Y2:                                    #F5DD94;
+@kibanaYellow1:                         #FBCE47;
+@kibanaYellow2:                         #F5DD94;
 
-@R1:                                    #D76051;
-@R2:                                    #FF9183;
+@kibanaRed1:                            #D76051;
+@kibanaRed2:                            #FF9183;
 
-@PU1:                                   #9980B2;
-@PU2:                                   #CDB5E4;
+@kibanaPurple1:                         #9980B2;
+@kibanaPurple2:                         #CDB5E4;
 
-@PI1:                                   #E8488B;
-@PI2:                                   #FF95C1;
+@kibanaPink1:                           #E8488B;
+@kibanaPink2:                           #FF95C1;

From 540a8af53b071520f105e57abb248ba974fd8dfb Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Tue, 2 Feb 2016 14:33:24 -0600
Subject: [PATCH 024/181] [visualize test] Update fill color

---
 test/support/pages/visualize_page.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/test/support/pages/visualize_page.js b/test/support/pages/visualize_page.js
index 2ac4fbb2484d6..34cddc5b0812b 100644
--- a/test/support/pages/visualize_page.js
+++ b/test/support/pages/visualize_page.js
@@ -502,7 +502,7 @@ define(function (require) {
             // 5). for each chart element, find the green circle, then the cy position
             function getChartType(chart) {
               return chart
-              .findByCssSelector('circle[fill="#57c17b"]')
+              .findByCssSelector('circle[fill="#6eadc1"]')
               .then(function (circleObject) {
                 // common.debug('circleObject = ' + circleObject + ' yAxisHeight= ' + yAxisHeight + ' yAxisLabel= ' + yAxisLabel);
                 return circleObject
@@ -573,7 +573,7 @@ define(function (require) {
             .getAttribute('fill')
             .then(function (fillColor) {
               // we're only getting the Green Bars
-              if (fillColor === '#57c17b') {
+              if (fillColor === '#6eadc1') {
                 return chart
                 .getAttribute('height')
                 .then(function (barHeight) {

From 729dbd71e4aeee1aa6951151b9d88e4bc7faf8f7 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Tue, 2 Feb 2016 14:26:58 -0800
Subject: [PATCH 025/181] adding more inline styles to break out later

---
 .../kibana/public/visualize/styles/main.less  |  1 +
 .../public/visualize/wizard/step_1.html       | 46 ++++-----
 .../public/partials/saved_object_finder.html  | 96 ++++++++++++-------
 3 files changed, 84 insertions(+), 59 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/styles/main.less b/src/plugins/kibana/public/visualize/styles/main.less
index e1f93cdf46823..e1b80a95f59a2 100644
--- a/src/plugins/kibana/public/visualize/styles/main.less
+++ b/src/plugins/kibana/public/visualize/styles/main.less
@@ -15,6 +15,7 @@
   .list-group-item();
   .list-group-menu .list-group-menu-item();
 
+  background-color: #f6f6f6;
   border: none !important;
   border-radius: 0 !important;
   // // overrided for tablet and desktop
diff --git a/src/plugins/kibana/public/visualize/wizard/step_1.html b/src/plugins/kibana/public/visualize/wizard/step_1.html
index 0b55958878e9d..eee5e54553409 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_1.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_1.html
@@ -1,28 +1,30 @@
-<div class="row">
-  <div class="col-md-6">
-    <h1>
-      Create New Visualization <br class="visible-xs">
-    </h1>
+<div class="container-fluid" style="padding: 0px;">
+  <div class="row">
+    <div class="col-md-6" style="padding-left: 0px; padding-right: 5px">
+      <h1>
+        Create New Visualization <br class="visible-xs">
+      </h1>
 
-    <div class="wizard-vis-types">
-      <a class="wizard-vis-type"
-         ng-repeat="type in visTypes.inTitleOrder"
-         ng-href="{{ visTypeUrl(type) }}">
-        <div class="wizard-vis-type-heading">
-          <i aria-hidden="true" class="fa fa-fw" ng-class="type.icon"></i>
-          <h4>{{type.title}}</h4>
-        </div>
-        <p class="wizard-vis-type-description">{{type.description}}</p>
-      </a>
+      <div class="wizard-vis-types">
+        <a class="wizard-vis-type"
+           ng-repeat="type in visTypes.inTitleOrder"
+           ng-href="{{ visTypeUrl(type) }}">
+          <div class="wizard-vis-type-heading">
+            <i aria-hidden="true" class="fa fa-fw" ng-class="type.icon"></i>
+            <h4>{{type.title}}</h4>
+          </div>
+          <p class="wizard-vis-type-description">{{type.description}}</p>
+        </a>
+      </div>
     </div>
-  </div>
 
-  <div class="col-md-6">
-    <h1>Or, open a saved visualization</h1>
+    <div class="col-md-6" style="padding-left: 0px; padding-right: 5px;">
+      <h1>Or, Open a Saved Visualization</h1>
 
-    <saved-object-finder
-            title="Saved Visualizations"
-            type="visualizations">
-    </saved-object-finder>
+      <saved-object-finder
+              title="Saved Visualizations"
+              type="visualizations">
+      </saved-object-finder>
+    </div>
   </div>
 </div>
diff --git a/src/ui/public/partials/saved_object_finder.html b/src/ui/public/partials/saved_object_finder.html
index 1f700fdadfc74..5aec70497900c 100644
--- a/src/ui/public/partials/saved_object_finder.html
+++ b/src/ui/public/partials/saved_object_finder.html
@@ -1,44 +1,66 @@
-<form role="form">
-  <div class="form-group finder-form">
-    <div class="finder-form-options">
-      <a class="small" ng-click="finder.manageObjects(finder.properties.name)">manage {{finder.properties.nouns}}</a>
+<form role="form" class="form-inline">
+  <div class="container-fluid">
+    <div class="row" style="background-color: #f6f6f6; padding: 10px;">
+      <div class="input-group form-group finder-form col-md-8" style="float: left">
+        <span class="input-group-addon" style="padding: 5px 0px !important; background-color: #ffffff; border: none;">
+          <i class="fa fa-search"></i>
+        </span>
+        <input
+          input-focus
+          style="border: none; padding: 5px 0px; border-radius: 4px;"
+          ng-model="filter"
+          placeholder="Filter..."
+          ng-keydown="finder.filterKeyDown($event)"
+          class="form-control"
+          name="filter"
+          type="text" />
+      </div>
+      <div class="col-md-2" style="vertical-align: middle; padding: 5px;">
+        <span>{{finder.hitCount}} of {{finder.hitCount}}</span>
+      </div>
+      <div class="col-md-2" style="padding: 5px;">
+        <a class="small" ng-click="finder.manageObjects(finder.properties.name)">Manage</a>
+      </div>
     </div>
-    <div class="clearfix visible-xs-block"></div>
-    <input
-      input-focus
-      ng-model="filter"
-      ng-attr-placeholder="{{finder.properties.noun}} Filter"
-      ng-keydown="finder.filterKeyDown($event)"
-      class="form-control"
-      name="filter"
-      type="text" />
-
-    <span class="finder-hit-count"><strong>{{finder.hitCount}}</strong> {{finder.hitCountNoun()}}</span>
   </div>
 </form>
 <paginate list="finder.hits" per-page="5">
-  <table class="list-group list-group-menu table-striped" style="width: 100%;" ng-class="{'select-mode': finder.selector.enabled}">
-    <thead>
-      <tr>
-        <th>Type</th>
-        <th>Name</th>
-      </tr>
-    </thead>
+  <table style="width: 100%" class="list-group list-group-menu table-striped" ng-class="{'select-mode': finder.selector.enabled}">
+
+    <!-- Table Headers -->
+    <tr>
+      <th scope="row">Type</th>
+      <th>Name</th>
+    </tr>
+
+    <!-- Table body -->
+    <tr class=""
+        scope="row"
+        style="padding: 0px 10px;"
+        ng-class="{'active': finder.selector.index === $index && finder.selector.enabled}"
+        ng-repeat="hit in page"
+        ng-keydown="finder.hitKeyDown($event, page, paginate)"
+        ng-click="finder.onChoose(hit, $event)">
+
+      <td>
+        <a ng-href="{{finder.makeUrl(hit)}}"
+          ng-blur="finder.hitBlur($event)"
+          ng-click="finder.preventClick($event)">
+          <i aria-hidden="true" class="fa" ng-if="hit.icon" ng-class="hit.icon"></i>
+        </a>
+      </td>
+
+      <td>
+        {{hit.title}}
+        <p ng-if="hit.description" ng-bind="hit.description"></p>
+      </td>
+    </tr>
+
+    <tr ng-if="finder.hits.length === 0">
+      <td>
+        <p ng-bind="'No matching ' + finder.properties.nouns + ' found.'"></p>
+      </td>
+    </tr>
 
-    <tbody>
-      <tr class="wizard-vis-type" ng-class="{'active': finder.selector.index === $index && finder.selector.enabled}" ng-repeat="hit in page" ng-keydown="finder.hitKeyDown($event, page, paginate)" ng-click="finder.onChoose(hit, $event)">
-        <th>
-          <a ng-href="{{finder.makeUrl(hit)}}" ng-blur="finder.hitBlur($event)" ng-click="finder.preventClick($event)">
-            <i aria-hidden="true" class="fa" ng-if="hit.icon" ng-class="hit.icon"></i> {{hit.title}}
-          </a>
-        </th>
-        <th>
-          <p ng-if="hit.description" ng-bind="hit.description"></p>
-        </th>
-        <th class="list-group-item list-group-no-results" ng-if="finder.hits.length === 0">
-          <p ng-bind="'No matching ' + finder.properties.nouns + ' found.'"></p>
-        </th>
-      </tr>
-    </tbody>
   </table>
 </paginate>

From b41fbee5e4b60ffa345f7219472329ce15cec5fc Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Tue, 2 Feb 2016 18:01:26 -0800
Subject: [PATCH 026/181] more preliminary changes in style for the paginate
 element

---
 src/ui/public/partials/saved_object_finder.html | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/ui/public/partials/saved_object_finder.html b/src/ui/public/partials/saved_object_finder.html
index 5aec70497900c..d74d8f69e538f 100644
--- a/src/ui/public/partials/saved_object_finder.html
+++ b/src/ui/public/partials/saved_object_finder.html
@@ -24,25 +24,24 @@
     </div>
   </div>
 </form>
-<paginate list="finder.hits" per-page="5">
+
+<paginate list="finder.hits" per-page="25">
   <table style="width: 100%" class="list-group list-group-menu table-striped" ng-class="{'select-mode': finder.selector.enabled}">
 
     <!-- Table Headers -->
-    <tr>
-      <th scope="row">Type</th>
-      <th>Name</th>
+    <tr ng-hide="finder.hits.length === 0">
+      <th align="center" style="padding: 10px;">Type</th>
+      <th align="left" style="padding: 10px;">Name</th>
     </tr>
 
     <!-- Table body -->
     <tr class=""
-        scope="row"
-        style="padding: 0px 10px;"
         ng-class="{'active': finder.selector.index === $index && finder.selector.enabled}"
         ng-repeat="hit in page"
         ng-keydown="finder.hitKeyDown($event, page, paginate)"
         ng-click="finder.onChoose(hit, $event)">
 
-      <td>
+      <td style="padding: 6px 20px; align: center">
         <a ng-href="{{finder.makeUrl(hit)}}"
           ng-blur="finder.hitBlur($event)"
           ng-click="finder.preventClick($event)">
@@ -50,7 +49,7 @@
         </a>
       </td>
 
-      <td>
+      <td style="padding: 6px 20px;">
         {{hit.title}}
         <p ng-if="hit.description" ng-bind="hit.description"></p>
       </td>

From e16d9a899f45cee304999784d9425eedab0e3ec7 Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Wed, 3 Feb 2016 21:25:49 -0400
Subject: [PATCH 027/181] [Logo] Change the color of the logo

---
 src/plugins/kibana/public/kibana.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/plugins/kibana/public/kibana.js b/src/plugins/kibana/public/kibana.js
index 621d0062ab555..03892e72c3cb8 100644
--- a/src/plugins/kibana/public/kibana.js
+++ b/src/plugins/kibana/public/kibana.js
@@ -30,8 +30,8 @@ routes
 
 chrome
 .setBrand({
-  'logo': 'url(' + kibanaLogoUrl + ') 3px 5px no-repeat',
-  'smallLogo': 'url(' + kibanaLogoUrl + ') 3px 5px no-repeat'
+  'logo': 'url(' + kibanaLogoUrl + ') 3px 5px no-repeat #e8488b',
+  'smallLogo': 'url(' + kibanaLogoUrl + ') 3px 5px no-repeat #e8488b'
 })
 .setNavBackground('#222222')
 .setTabDefaults({

From 3c125d2f6ff5fa7c1f3c297866ca84c757382437 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 4 Feb 2016 08:13:18 -0800
Subject: [PATCH 028/181] cleaning up, moving inline style to less files

---
 .../kibana/public/visualize/styles/main.less  | 84 ++++++++++++++++---
 .../public/visualize/wizard/step_1.html       | 13 ++-
 .../public/partials/saved_object_finder.html  | 78 ++++++++---------
 3 files changed, 116 insertions(+), 59 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/styles/main.less b/src/plugins/kibana/public/visualize/styles/main.less
index e1b80a95f59a2..ee90a2c65638b 100644
--- a/src/plugins/kibana/public/visualize/styles/main.less
+++ b/src/plugins/kibana/public/visualize/styles/main.less
@@ -2,27 +2,91 @@
 @import (reference) "~bootstrap/less/list-group";
 @import (reference) "~ui/styles/list-group-menu";
 
+/* saved_object_finder.html striped table colors */
+.table-striped > tbody > tr:nth-of-type(even) {
+  background-color: #F6F6F6; //@kibanaGray6;
+}
+
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: #FFFFFF; //
+}
+
+
+.table > tbody > tr > th,
+.table > tbody > tr > td {
+  border-top: none;
+}
+
+.table > thead > tr {
+  background-color: #F6F6F6 //@kibanaGray6;
+}
+
+.table > thead > tr > th {
+  border-bottom: none;
+}
+
+.table > tbody > tr > th.first-cell {
+  text-align: center;
+}
+
+.saved-object-finder-row {
+  background-color: #F6F6F6; //@kibanaGray6;
+  padding: 10px;
+}
+
+.saved-object-finder-input {
+  float: left !important;
+
+  span {
+    padding: 5px 0px;
+    background-color: #FFFFFF;
+    border: none;
+  }
+
+  input {
+    border: none;
+    padding: 5px 0px;
+    border-radius: 4px;
+  }
+}
+
+.saved-object-finder-column {
+  text-align: center;
+  padding: 5px;
+}
+
+.saved-object-finder-table {
+  width: 100%;
+}
+
+/* ****************************** */
+
+.wizard-vis-container {
+  padding: 0px;
+}
+
+.wizard-vis-column {
+  padding-left: 0px;
+  padding-right: 5px
+}
+
 .vis-wizard {
+  margin-right: 0px;
+  margin-left: 0px;
+
   h1 {
     margin-top: 45px;
     padding: 0px 15px;
   }
-  margin-right: 0px !important;
-  margin-left: 0px !important;
 }
 
 .wizard-vis-type {
   .list-group-item();
   .list-group-menu .list-group-menu-item();
 
-  background-color: #f6f6f6;
-  border: none !important;
-  border-radius: 0 !important;
-  // // overrided for tablet and desktop
-  // @media (min-width: @screen-md-min) {
-  //   display: flex;
-  //   align-items: flex-start;
-  // }
+  background-color: #F6F6F6; //@kibanaGray6;
+  border: none;
+  border-radius: 0;
 
   &-heading {
     flex: 0 0 200px;
diff --git a/src/plugins/kibana/public/visualize/wizard/step_1.html b/src/plugins/kibana/public/visualize/wizard/step_1.html
index eee5e54553409..1c23eaf5f9542 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_1.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_1.html
@@ -1,6 +1,6 @@
-<div class="container-fluid" style="padding: 0px;">
+<div class="wizard-vis-container container-fluid">
   <div class="row">
-    <div class="col-md-6" style="padding-left: 0px; padding-right: 5px">
+    <div class="wizard-vis-column col-md-6">
       <h1>
         Create New Visualization <br class="visible-xs">
       </h1>
@@ -9,6 +9,7 @@ <h1>
         <a class="wizard-vis-type"
            ng-repeat="type in visTypes.inTitleOrder"
            ng-href="{{ visTypeUrl(type) }}">
+
           <div class="wizard-vis-type-heading">
             <i aria-hidden="true" class="fa fa-fw" ng-class="type.icon"></i>
             <h4>{{type.title}}</h4>
@@ -18,13 +19,9 @@ <h4>{{type.title}}</h4>
       </div>
     </div>
 
-    <div class="col-md-6" style="padding-left: 0px; padding-right: 5px;">
+    <div class="wizard-vis-column col-md-6">
       <h1>Or, Open a Saved Visualization</h1>
-
-      <saved-object-finder
-              title="Saved Visualizations"
-              type="visualizations">
-      </saved-object-finder>
+      <saved-object-finder title="Saved Visualizations" type="visualizations"></saved-object-finder>
     </div>
   </div>
 </div>
diff --git a/src/ui/public/partials/saved_object_finder.html b/src/ui/public/partials/saved_object_finder.html
index d74d8f69e538f..a37375cd1d54f 100644
--- a/src/ui/public/partials/saved_object_finder.html
+++ b/src/ui/public/partials/saved_object_finder.html
@@ -1,13 +1,12 @@
 <form role="form" class="form-inline">
   <div class="container-fluid">
-    <div class="row" style="background-color: #f6f6f6; padding: 10px;">
-      <div class="input-group form-group finder-form col-md-8" style="float: left">
-        <span class="input-group-addon" style="padding: 5px 0px !important; background-color: #ffffff; border: none;">
+    <div class="saved-object-finder-row row">
+      <div class="saved-object-finder-input input-group form-group finder-form col-md-8">
+        <span class="input-group-addon">
           <i class="fa fa-search"></i>
         </span>
         <input
           input-focus
-          style="border: none; padding: 5px 0px; border-radius: 4px;"
           ng-model="filter"
           placeholder="Filter..."
           ng-keydown="finder.filterKeyDown($event)"
@@ -15,51 +14,48 @@
           name="filter"
           type="text" />
       </div>
-      <div class="col-md-2" style="vertical-align: middle; padding: 5px;">
+      <div class="saved-object-finder-column col-md-2">
         <span>{{finder.hitCount}} of {{finder.hitCount}}</span>
       </div>
-      <div class="col-md-2" style="padding: 5px;">
+      <div class="saved-object-finder-column col-md-2">
         <a class="small" ng-click="finder.manageObjects(finder.properties.name)">Manage</a>
       </div>
     </div>
   </div>
 </form>
+<paginate list="finder.hits" per-page="24">
+  <table class="list-group list-group-menu table table-striped"
+    ng-class="{'select-mode': finder.selector.enabled}">
 
-<paginate list="finder.hits" per-page="25">
-  <table style="width: 100%" class="list-group list-group-menu table-striped" ng-class="{'select-mode': finder.selector.enabled}">
-
-    <!-- Table Headers -->
-    <tr ng-hide="finder.hits.length === 0">
-      <th align="center" style="padding: 10px;">Type</th>
-      <th align="left" style="padding: 10px;">Name</th>
-    </tr>
-
-    <!-- Table body -->
-    <tr class=""
-        ng-class="{'active': finder.selector.index === $index && finder.selector.enabled}"
-        ng-repeat="hit in page"
-        ng-keydown="finder.hitKeyDown($event, page, paginate)"
-        ng-click="finder.onChoose(hit, $event)">
-
-      <td style="padding: 6px 20px; align: center">
-        <a ng-href="{{finder.makeUrl(hit)}}"
-          ng-blur="finder.hitBlur($event)"
-          ng-click="finder.preventClick($event)">
-          <i aria-hidden="true" class="fa" ng-if="hit.icon" ng-class="hit.icon"></i>
-        </a>
-      </td>
-
-      <td style="padding: 6px 20px;">
-        {{hit.title}}
-        <p ng-if="hit.description" ng-bind="hit.description"></p>
-      </td>
-    </tr>
-
-    <tr ng-if="finder.hits.length === 0">
-      <td>
-        <p ng-bind="'No matching ' + finder.properties.nouns + ' found.'"></p>
-      </td>
-    </tr>
+    <thead>
+      <tr ng-hide="finder.hits.length === 0">
+        <th class="col-md-1">Type</th>
+        <th class="col-md-11">Name</th>
+      </tr>
+    <thead>
 
+    <tbody>
+      <tr ng-class="{'active': finder.selector.index === $index && finder.selector.enabled}"
+          ng-repeat="hit in page"
+          ng-keydown="finder.hitKeyDown($event, page, paginate)"
+          ng-click="finder.onChoose(hit, $event)">
+        <th class="first-cell col-md-1" scope="row">
+          <a ng-href="{{finder.makeUrl(hit)}}"
+            ng-blur="finder.hitBlur($event)"
+            ng-click="finder.preventClick($event)">
+            <i aria-hidden="true" class="fa" ng-if="hit.icon" ng-class="hit.icon"></i>
+          </a>
+        </th>
+        <td class="col-md-11">
+          {{hit.title}}
+          <p ng-if="hit.description" ng-bind="hit.description"></p>
+        </td>
+      </tr>
+      <tr ng-if="finder.hits.length === 0">
+        <td>
+          <p ng-bind="'No matching ' + finder.properties.nouns + ' found.'"></p>
+        </td>
+      </tr>
+    </tbody>
   </table>
 </paginate>

From e53224c1af0db6c26e8a7b415f807163b4e79c73 Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Thu, 4 Feb 2016 15:46:00 -0400
Subject: [PATCH 029/181] [Chrome] Made it so the right panel slides over
 instead of being covered, added placedholders for users and settings, fixed
 the sizing on the logo

---
 src/plugins/kibana/public/kibana.js           |  4 ++--
 src/ui/public/chrome/chrome.html              | 19 +++++++++++++++
 .../directives/app_switcher/app_switcher.less | 24 +++++++++++++------
 src/ui/public/styles/base.less                |  1 +
 4 files changed, 39 insertions(+), 9 deletions(-)

diff --git a/src/plugins/kibana/public/kibana.js b/src/plugins/kibana/public/kibana.js
index 03892e72c3cb8..ada2082a54178 100644
--- a/src/plugins/kibana/public/kibana.js
+++ b/src/plugins/kibana/public/kibana.js
@@ -30,8 +30,8 @@ routes
 
 chrome
 .setBrand({
-  'logo': 'url(' + kibanaLogoUrl + ') 3px 5px no-repeat #e8488b',
-  'smallLogo': 'url(' + kibanaLogoUrl + ') 3px 5px no-repeat #e8488b'
+  'logo': 'url(' + kibanaLogoUrl + ') center / 160px 70px no-repeat #e8488b',
+  'smallLogo': 'url(' + kibanaLogoUrl + ') center / 160px 70px no-repeat #e8488b'
 })
 .setNavBackground('#222222')
 .setTabDefaults({
diff --git a/src/ui/public/chrome/chrome.html b/src/ui/public/chrome/chrome.html
index 114d36c414c12..b93d71b9f728e 100644
--- a/src/ui/public/chrome/chrome.html
+++ b/src/ui/public/chrome/chrome.html
@@ -16,6 +16,25 @@
       ></li>
     <app-switcher>
     </app-switcher>
+    <div class="bottom-apps app-links">
+      <div class="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">
+        <a href="http://elastic.co">
+          <div class="app-icon">
+            <i class="fa fa-user"></i>
+          </div>
+          <div class="app-title">Jon Doe</div>
+          <div class="app-title">Logout</div>
+        </a>
+      </div>
+    </div>
   </nav>
 
   <div class="app-wrapper">
diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
index a78ea93dff4de..e0e1197b17411 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -9,40 +9,48 @@
 @transition-delay: .2s;
 
 .app-links-wrapper {
-  width: @as-closed-width;
+  width: @as-open-width;
   position: fixed;
   left: 0;
   top: 0;
   bottom: 0;
-  z-index: 1;
+  z-index: 0;
   background-color: #3caed2;
   overflow: hidden;
   transition: width @transition-time;
   transition-delay: @transition-delay;
 
   &:hover {
-    width: @as-open-width;
-
     .app-title {
       display: inline-block;
     }
+    + .app-wrapper {
+      transform: translateX(@as-open-width - @as-closed-width);
+    }
   }
 
   .logo {
     height: 70px;
-    width: 165px;
+    width: @as-open-width;
     list-style-type: none;
   }
+  .bottom-apps {
+    position: absolute;
+    bottom: 0;
+  }
 }
 .app-wrapper {
   .real-flex-parent();
   position: absolute;
+  transition: transform @transition-time;
+  transition-delay: @transition-delay;
   left: @as-closed-width;
   top: 0;
   right: 0;
   bottom: 0;
-  z-index: 0;
+  z-index: 1;
   margin: 0 auto;
+  background-color: #fff;
 
   .navbar-right {
     margin-right: 0;
@@ -68,12 +76,14 @@
       width: @as-closed-width;
       background-position: center;
       background-size: contain;
+      > i {
+      }
     }
 
     .app-title {
       width: calc(@as-open-width - @as-closed-width);
       display: inline-block;
-      float: left;
+      float: right;
       font-size: 0.9em;
       text-align: center;
       line-height: @app-icon-height;
diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
index ffbf0a612de9c..493592cc62995 100644
--- a/src/ui/public/styles/base.less
+++ b/src/ui/public/styles/base.less
@@ -94,6 +94,7 @@ ul.navbar-inline li {
   .flex-parent(@shrink: 0);
   position: relative;
   z-index: 0;
+  background-color: #fff;
 }
 
 .top-fixed {

From c9b8d8c6fe4c216be619cdc5c8531f71d68e7d21 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 4 Feb 2016 15:09:57 -0800
Subject: [PATCH 030/181] updating css changes to use flexbox instead of
 bootstrap grid

---
 .../kibana/public/visualize/styles/main.less  |  8 ++++++-
 .../public/visualize/wizard/step_1.html       | 24 +++++++++----------
 .../kibana/public/visualize/wizard/wizard.js  |  2 +-
 .../public/partials/saved_object_finder.html  |  9 +++++--
 src/ui/public/styles/dark-theme.less          |  1 -
 src/ui/public/styles/list-group-menu.less     |  2 +-
 6 files changed, 27 insertions(+), 19 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/styles/main.less b/src/plugins/kibana/public/visualize/styles/main.less
index ee90a2c65638b..4d37ff2e9b015 100644
--- a/src/plugins/kibana/public/visualize/styles/main.less
+++ b/src/plugins/kibana/public/visualize/styles/main.less
@@ -11,7 +11,6 @@
   background-color: #FFFFFF; //
 }
 
-
 .table > tbody > tr > th,
 .table > tbody > tr > td {
   border-top: none;
@@ -60,6 +59,13 @@
 }
 
 /* ****************************** */
+.wizard-parent {
+  display: flex;
+}
+
+.wizard-child {
+  flex: 1;
+}
 
 .wizard-vis-container {
   padding: 0px;
diff --git a/src/plugins/kibana/public/visualize/wizard/step_1.html b/src/plugins/kibana/public/visualize/wizard/step_1.html
index 1c23eaf5f9542..d7b35ec0107b6 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_1.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_1.html
@@ -1,15 +1,12 @@
-<div class="wizard-vis-container container-fluid">
-  <div class="row">
-    <div class="wizard-vis-column col-md-6">
-      <h1>
-        Create New Visualization <br class="visible-xs">
-      </h1>
+<div class="wizard-vis-container">
+  <div class="wizard" style="display: flex;">
 
-      <div class="wizard-vis-types">
-        <a class="wizard-vis-type"
-           ng-repeat="type in visTypes.inTitleOrder"
-           ng-href="{{ visTypeUrl(type) }}">
+    <div class="wizard-vis-column" style="flex: 1; display: flex; flex-direction: column;">
 
+      <h2>Create New Visualization</h2>
+
+      <div class="wizard-vis-types" style="flex: 1; background-color: #f6f6f6;">
+        <a class="wizard-vis-type" ng-repeat="type in visTypes.inTitleOrder" ng-href="{{ visTypeUrl(type) }}">
           <div class="wizard-vis-type-heading">
             <i aria-hidden="true" class="fa fa-fw" ng-class="type.icon"></i>
             <h4>{{type.title}}</h4>
@@ -17,11 +14,12 @@ <h4>{{type.title}}</h4>
           <p class="wizard-vis-type-description">{{type.description}}</p>
         </a>
       </div>
+
     </div>
 
-    <div class="wizard-vis-column col-md-6">
-      <h1>Or, Open a Saved Visualization</h1>
-      <saved-object-finder title="Saved Visualizations" type="visualizations"></saved-object-finder>
+    <div class="wizard-vis-column" style="display: flex; flex-direction: column; flex: 1;">
+      <h2>Or, Open a Saved Visualization</h2>
+      <saved-object-finder title="Saved Visualizations" type="visualizations" style="flex: 1; background-color: #f6f6f6;"></saved-object-finder>
     </div>
   </div>
 </div>
diff --git a/src/plugins/kibana/public/visualize/wizard/wizard.js b/src/plugins/kibana/public/visualize/wizard/wizard.js
index 3644127b4ffbf..ff75e2135dc08 100644
--- a/src/plugins/kibana/public/visualize/wizard/wizard.js
+++ b/src/plugins/kibana/public/visualize/wizard/wizard.js
@@ -6,7 +6,7 @@ define(function (require) {
   require('plugins/kibana/discover/saved_searches/saved_searches');
 
   var templateStep = function (num, txt) {
-    return '<div ng-controller="VisualizeWizardStep' + num + '" class="container vis-wizard">' + txt + '</div>';
+    return '<div ng-controller="VisualizeWizardStep' + num + '" class="container-fluid vis-wizard">' + txt + '</div>';
   };
 
   var module = require('ui/modules').get('app/visualize', ['kibana/courier']);
diff --git a/src/ui/public/partials/saved_object_finder.html b/src/ui/public/partials/saved_object_finder.html
index a37375cd1d54f..2e29fc29358da 100644
--- a/src/ui/public/partials/saved_object_finder.html
+++ b/src/ui/public/partials/saved_object_finder.html
@@ -23,14 +23,19 @@
     </div>
   </div>
 </form>
-<paginate list="finder.hits" per-page="24">
+
+<paginate list="finder.hits" per-page="25" style="padding-bottom: 1px; background-color: #f6f6f6;">
   <table class="list-group list-group-menu table table-striped"
     ng-class="{'select-mode': finder.selector.enabled}">
 
     <thead>
       <tr ng-hide="finder.hits.length === 0">
         <th class="col-md-1">Type</th>
-        <th class="col-md-11">Name</th>
+        <th class="col-md-11">
+          Name
+          <!-- <span class="fa fa-caret-up"></span> -->
+          <span class="fa fa-caret-down"></span>
+        </th>
       </tr>
     <thead>
 
diff --git a/src/ui/public/styles/dark-theme.less b/src/ui/public/styles/dark-theme.less
index 91d13a8127898..0f8fab676d0c6 100644
--- a/src/ui/public/styles/dark-theme.less
+++ b/src/ui/public/styles/dark-theme.less
@@ -581,4 +581,3 @@
     }
   }
 }
-
diff --git a/src/ui/public/styles/list-group-menu.less b/src/ui/public/styles/list-group-menu.less
index d5af4934b85ec..e355126a94cf2 100644
--- a/src/ui/public/styles/list-group-menu.less
+++ b/src/ui/public/styles/list-group-menu.less
@@ -1,7 +1,7 @@
 @import (reference) "~ui/styles/theme";
 
 .list-group-menu {
-  &.select-mode a{
+  &.select-mode a {
      outline: none;
      color: @list-group-menu-item-select-color;
   }

From 024835a0bd88d89a17b522e31fc18f0946ba89d8 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Fri, 5 Feb 2016 10:28:03 -0800
Subject: [PATCH 031/181] initial changes to step 2 process, styling and html
 changes to step 1

---
 .../kibana/public/visualize/styles/main.less  | 40 +++++++++++--------
 .../public/visualize/wizard/step_1.html       | 20 +++++-----
 .../public/visualize/wizard/step_2.html       | 34 ++++++++--------
 3 files changed, 49 insertions(+), 45 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/styles/main.less b/src/plugins/kibana/public/visualize/styles/main.less
index 4d37ff2e9b015..8fce1e7d497bc 100644
--- a/src/plugins/kibana/public/visualize/styles/main.less
+++ b/src/plugins/kibana/public/visualize/styles/main.less
@@ -4,11 +4,11 @@
 
 /* saved_object_finder.html striped table colors */
 .table-striped > tbody > tr:nth-of-type(even) {
-  background-color: #F6F6F6; //@kibanaGray6;
+  background-color: @kibanaGray6;
 }
 
 .table-striped > tbody > tr:nth-of-type(odd) {
-  background-color: #FFFFFF; //
+  background-color: @white;
 }
 
 .table > tbody > tr > th,
@@ -17,7 +17,7 @@
 }
 
 .table > thead > tr {
-  background-color: #F6F6F6 //@kibanaGray6;
+  background-color: @kibanaGray6;
 }
 
 .table > thead > tr > th {
@@ -29,7 +29,7 @@
 }
 
 .saved-object-finder-row {
-  background-color: #F6F6F6; //@kibanaGray6;
+  background-color: @kibanaGray6;
   padding: 10px;
 }
 
@@ -59,21 +59,22 @@
 }
 
 /* ****************************** */
-.wizard-parent {
-  display: flex;
-}
-
-.wizard-child {
-  flex: 1;
-}
-
 .wizard-vis-container {
   padding: 0px;
-}
 
-.wizard-vis-column {
-  padding-left: 0px;
-  padding-right: 5px
+  .wizard {
+    display: flex;
+
+    .wizard-vis-column {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .wizard-vis-column.first {
+      padding-right: 5px;
+    }
+  }
 }
 
 .vis-wizard {
@@ -86,13 +87,18 @@
   }
 }
 
+.wizard-vis-types {
+  flex: 1;
+  background-color: @kibanaGray6;
+}
+
 .wizard-vis-type {
   .list-group-item();
   .list-group-menu .list-group-menu-item();
 
-  background-color: #F6F6F6; //@kibanaGray6;
   border: none;
   border-radius: 0;
+  background-color: @kibanaGray6;
 
   &-heading {
     flex: 0 0 200px;
diff --git a/src/plugins/kibana/public/visualize/wizard/step_1.html b/src/plugins/kibana/public/visualize/wizard/step_1.html
index d7b35ec0107b6..ff17e9a220908 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_1.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_1.html
@@ -1,24 +1,24 @@
 <div class="wizard-vis-container">
-  <div class="wizard" style="display: flex;">
+  <div class="wizard">
+    <div class="wizard-vis-column first">
+      <h3>Create New Visualization</h3>
+      <div class="wizard-vis-types">
+        <a class="wizard-vis-type"
+          ng-repeat="type in visTypes.inTitleOrder"
+          ng-href="{{ visTypeUrl(type) }}">
 
-    <div class="wizard-vis-column" style="flex: 1; display: flex; flex-direction: column;">
-
-      <h2>Create New Visualization</h2>
-
-      <div class="wizard-vis-types" style="flex: 1; background-color: #f6f6f6;">
-        <a class="wizard-vis-type" ng-repeat="type in visTypes.inTitleOrder" ng-href="{{ visTypeUrl(type) }}">
           <div class="wizard-vis-type-heading">
             <i aria-hidden="true" class="fa fa-fw" ng-class="type.icon"></i>
             <h4>{{type.title}}</h4>
           </div>
+
           <p class="wizard-vis-type-description">{{type.description}}</p>
         </a>
       </div>
-
     </div>
 
-    <div class="wizard-vis-column" style="display: flex; flex-direction: column; flex: 1;">
-      <h2>Or, Open a Saved Visualization</h2>
+    <div class="wizard-vis-column">
+      <h3>Or, Open a Saved Visualization</h3>
       <saved-object-finder title="Saved Visualizations" type="visualizations" style="flex: 1; background-color: #f6f6f6;"></saved-object-finder>
     </div>
   </div>
diff --git a/src/plugins/kibana/public/visualize/wizard/step_2.html b/src/plugins/kibana/public/visualize/wizard/step_2.html
index 4870363134207..02d37b751b907 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_2.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_2.html
@@ -1,37 +1,35 @@
-<h1>
-  Select a search source
-  <span class="pull-right label label-default hidden-xs">Step 2</span>
-  <span class="label label-default visible-xs">Step 2</span>
-</h1>
-<ul class="list-group list-group-menu" ng-switch on="stepTwoMode">
-  <li ng-click="stepTwoMode='new'"
+<h2>Create New Visualization: Select Source</h2>
+<ul class="list-group list-group-menu">
+  <!-- <li ng-click="stepTwoMode='new'"
       ng-class="{'active': stepTwoMode=='new'}"
       class="list-group-item list-group-menu-item">
-    From a new search
-  </li>
-  <li class="list-group-item" ng-switch-when="new">
+    From a New Search
+  </li> -->
+  <li class="list-group-item">
     <!-- Index patterns -->
-    Select an index pattern
+    From a New Search
+    <!-- Select an index pattern... -->
     <div class="form-group">
-      <select
-              class="form-control"
+      <select class="form-control"
               ng-model="indexPattern.selection"
               ng-options="pattern as pattern for pattern in indexPattern.list | orderBy:'toString()'">
+        <option value="">Select an index pattern...</option>
       </select>
     </div>
   </li>
 
-  <li ng-click="stepTwoMode='saved'"
+  <!-- <li ng-click="stepTwoMode='saved'"
       ng-class="{'active': stepTwoMode=='saved'}"
       class="list-group-item list-group-menu-item">
-    From a saved search
-  </li>
-  <li class="list-group-item" ng-switch-when="saved">
+    Or, From a Saved Search
+  </li> -->
+  <li class="list-group-item">
     <!-- Saved searches -->
+    Or, From a Saved Search
     <saved-object-finder
             title="Saved Searches"
             type="searches"
             make-url="step2WithSearchUrl">
     </saved-object-finder>
   </li>
-</ul>
\ No newline at end of file
+</ul>

From 2f65759f809e9cafca2657ae1f0573e28d97a22d Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Fri, 29 Jan 2016 16:16:27 -0600
Subject: [PATCH 032/181] Change new, open, save, share search icons to words

---
 src/plugins/kibana/public/discover/index.html | 66 ++++++++-----------
 1 file changed, 29 insertions(+), 37 deletions(-)

diff --git a/src/plugins/kibana/public/discover/index.html b/src/plugins/kibana/public/discover/index.html
index 1c51669a25401..e6aa25480d17d 100644
--- a/src/plugins/kibana/public/discover/index.html
+++ b/src/plugins/kibana/public/discover/index.html
@@ -23,43 +23,35 @@
     </form>
 
     <div class="button-group" role="toolbar">
-      <kbn-tooltip text="New Search" placement="bottom" append-to-body="1">
-        <button
-          ng-click="newQuery()"
-          aria-label="New Search">
-          <i aria-hidden="true" class="fa fa-file-new-o"></i>
-        </button>
-      </kbn-tooltip>
-      <kbn-tooltip text="Save Search" placement="bottom" append-to-body="1">
-        <button
-          ng-click="configTemplate.toggle('save');"
-          ng-class="{active: configTemplate.is('save')}"
-          aria-haspopup="true"
-          aria-expanded="{{ configTemplate.is('save') }}"
-          aria-label="Save Search">
-          <i aria-hidden="true" class="fa fa-save"></i>
-        </button>
-      </kbn-tooltip>
-      <kbn-tooltip text="Load Saved Search" placement="bottom" append-to-body="1">
-        <button
-          aria-haspopup="true"
-          aria-expanded="{{ configTemplate.is('load') }}"
-          ng-click="configTemplate.toggle('load');"
-          ng-class="{active: configTemplate.is('load')}"
-          aria-label="Load Saved Search">
-          <i aria-hidden="true" class="fa fa-folder-open-o"></i>
-        </button>
-      </kbn-tooltip>
-      <kbn-tooltip text="Share" placement="bottom" append-to-body="1">
-        <button
-          aria-label="Share Search"
-          aria-haspopup="true"
-          aria-expanded="{{ configTemplate.is('share') }}"
-          ng-class="{active: configTemplate.is('share')}"
-          ng-click="configTemplate.toggle('share');">
-          <i aria-hidden="true" class="fa fa-external-link"></i>
-        </button>
-      </kbn-tooltip>
+      <button
+        ng-click="newQuery()"
+        aria-label="New Search">
+        <span>New</span>
+      </button>
+      <button
+        ng-click="configTemplate.toggle('save');"
+        ng-class="{active: configTemplate.is('save')}"
+        aria-haspopup="false"
+        aria-expanded="{{ configTemplate.is('save') }}"
+        aria-label="Save Search">
+        <span>Save</span>
+      </button>
+      <button
+        aria-haspopup="false"
+        aria-expanded="{{ configTemplate.is('load') }}"
+        ng-click="configTemplate.toggle('load');"
+        ng-class="{active: configTemplate.is('load')}"
+        aria-label="Load Saved Search">
+        <span>Open</span>
+      </button>
+      <button
+        aria-label="Share Search"
+        aria-haspopup="false"
+        aria-expanded="{{ configTemplate.is('share') }}"
+        ng-class="{active: configTemplate.is('share')}"
+        ng-click="configTemplate.toggle('share');">
+        <span>Share</span>
+      </button>
     </div>
   </navbar>
 

From 03e108231acd7e822a4b9baf1b4deec8a5c7f032 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Fri, 29 Jan 2016 16:42:03 -0600
Subject: [PATCH 033/181] [discover] Move options above search

---
 src/plugins/kibana/public/discover/index.html | 68 +++++++++----------
 1 file changed, 34 insertions(+), 34 deletions(-)

diff --git a/src/plugins/kibana/public/discover/index.html b/src/plugins/kibana/public/discover/index.html
index e6aa25480d17d..b951d769ac527 100644
--- a/src/plugins/kibana/public/discover/index.html
+++ b/src/plugins/kibana/public/discover/index.html
@@ -1,27 +1,14 @@
 <div ng-controller="discover" class="app-container">
-  <navbar name="discover">
-    <form role="form" class="fill inline-form" ng-submit="fetch()" name="discoverSearch">
-      <div class="typeahead" kbn-typeahead="discover">
-        <div class="input-group"
-          ng-class="discoverSearch.$invalid ? 'has-error' : ''">
-          <input
-            parse-query
-            input-focus
-            kbn-typeahead-input
-            ng-model="state.query"
-            placeholder="Search..."
-            aria-label="Search input"
-            type="text"
-            class="form-control">
-          <button type="submit"
-            ng-disabled="discoverSearch.$invalid"
-            aria-label="Search">
-            <span aria-hidden="true" class="fa fa-search"></span></button>
-        </div>
-        <kbn-typeahead-items></kbn-typeahead-items>
-      </div>
-    </form>
-
+  <navbar name="discover-options">
+    <div class="discover-info">
+      <span ng-show="opts.savedSearch.id" class="discover-info-title">
+        <span ng-bind="::opts.savedSearch.title"></span>
+        <i aria-label="Reload Saved Search" tooltip="Reload Saved Search" ng-click="resetQuery();" class="fa fa-undo small"></i>
+      </span>
+
+      <strong class="discover-info-hits">{{(hits || 0) | number:0}}</strong>
+      <ng-pluralize count="hits" when="{'1':'hit', 'other':'hits'}"></ng-pluralize>
+    </div>
     <div class="button-group" role="toolbar">
       <button
         ng-click="newQuery()"
@@ -54,6 +41,30 @@
       </button>
     </div>
   </navbar>
+  <navbar name="discover-search">
+    <form role="form" class="fill inline-form" ng-submit="fetch()" name="discoverSearch">
+      <div class="typeahead" kbn-typeahead="discover">
+        <div class="input-group"
+          ng-class="discoverSearch.$invalid ? 'has-error' : ''">
+          <input
+            parse-query
+            input-focus
+            kbn-typeahead-input
+            ng-model="state.query"
+            placeholder="Search..."
+            aria-label="Search input"
+            type="text"
+            class="form-control">
+          <button type="submit"
+            ng-disabled="discoverSearch.$invalid"
+            aria-label="Search">
+            <span aria-hidden="true" class="fa fa-search"></span></button>
+        </div>
+        <kbn-typeahead-items></kbn-typeahead-items>
+      </div>
+    </form>
+    <div class="button-group" role="toolbar"></div>
+  </navbar>
 
   <config config-template="configTemplate" config-object="opts" config-close="configClose"></config>
 
@@ -76,17 +87,6 @@
       </div>
 
       <div class="discover-wrapper col-md-10">
-
-        <div class="discover-info">
-          <span ng-show="opts.savedSearch.id" class="discover-info-title">
-            <span ng-bind="::opts.savedSearch.title"></span>
-            <i aria-label="Reload Saved Search" tooltip="Reload Saved Search" ng-click="resetQuery();" class="fa fa-undo small"></i>
-          </span>
-
-          <strong class="discover-info-hits">{{(hits || 0) | number:0}}</strong>
-          <ng-pluralize count="hits" when="{'1':'hit', 'other':'hits'}"></ng-pluralize>
-        </div>
-
         <div class="discover-content">
           <!-- no results -->
           <div ng-show="resultState === 'none'">

From 7f6fc7ee8d36453fdeedc6a59590a8e1e23ec9f7 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Mon, 1 Feb 2016 13:48:54 -0600
Subject: [PATCH 034/181] [discover] Change navbar colors, remove borders

---
 src/plugins/kibana/public/discover/index.html       |  7 ++++---
 src/plugins/kibana/public/discover/styles/main.less | 10 ++++++----
 src/ui/public/styles/navbar.less                    |  8 ++------
 src/ui/public/styles/sidebar.less                   |  6 ++++--
 src/ui/public/styles/variables/bootstrap-mods.less  | 12 ++++++------
 src/ui/public/styles/variables/for-theme.less       |  9 ++++-----
 6 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/src/plugins/kibana/public/discover/index.html b/src/plugins/kibana/public/discover/index.html
index b951d769ac527..f7357f1856e3c 100644
--- a/src/plugins/kibana/public/discover/index.html
+++ b/src/plugins/kibana/public/discover/index.html
@@ -9,7 +9,7 @@
       <strong class="discover-info-hits">{{(hits || 0) | number:0}}</strong>
       <ng-pluralize count="hits" when="{'1':'hit', 'other':'hits'}"></ng-pluralize>
     </div>
-    <div class="button-group" role="toolbar">
+    <div class="discover-actions button-group" role="toolbar">
       <button
         ng-click="newQuery()"
         aria-label="New Search">
@@ -41,6 +41,9 @@
       </button>
     </div>
   </navbar>
+
+  <config config-template="configTemplate" config-object="opts" config-close="configClose"></config>
+
   <navbar name="discover-search">
     <form role="form" class="fill inline-form" ng-submit="fetch()" name="discoverSearch">
       <div class="typeahead" kbn-typeahead="discover">
@@ -66,8 +69,6 @@
     <div class="button-group" role="toolbar"></div>
   </navbar>
 
-  <config config-template="configTemplate" config-object="opts" config-close="configClose"></config>
-
   <div class="container-fluid" role="main">
     <div class="row">
       <filter-bar state="state"></filter-bar>
diff --git a/src/plugins/kibana/public/discover/styles/main.less b/src/plugins/kibana/public/discover/styles/main.less
index 13b53fc815b18..d8a92ef8ca8d1 100644
--- a/src/plugins/kibana/public/discover/styles/main.less
+++ b/src/plugins/kibana/public/discover/styles/main.less
@@ -70,13 +70,15 @@
     }
   }
 
+  &-actions {
+    margin-left: auto;
+  }
+
   &-info {
-    background-color: @discover-info-bg;
-    float: right;
-    padding: 5px 10px;
+    line-height: 30px;
+    padding: 0px 10px;
     border-bottom-left-radius: @border-radius-base;
 
-    text-align: right;
 
     &-title {
       font-weight: bold;
diff --git a/src/ui/public/styles/navbar.less b/src/ui/public/styles/navbar.less
index cf1c84ff5a8f4..a56cb503756d0 100644
--- a/src/ui/public/styles/navbar.less
+++ b/src/ui/public/styles/navbar.less
@@ -9,9 +9,7 @@ navbar {
   padding: @padding-base-vertical @navbar-padding-horizontal;
   color: @navbar-default-color;
   background-color: @navbar-default-bg;
-  border-style: solid;
-  border-color: @navbar-default-border;
-  border-width: 0 0 1px;
+  border: none;
   z-index: @zindex-navbar;
 
   /***
@@ -59,9 +57,7 @@ navbar {
     button {
       color: @navbar-button-color;
       background-color: @navbar-button-bg;
-      border: 2px solid;
-      border-left: 0;
-      border-color: @navbar-button-border;
+      border: none;
     }
   }
 
diff --git a/src/ui/public/styles/sidebar.less b/src/ui/public/styles/sidebar.less
index 1b25e5f66dda5..83691a601acfc 100644
--- a/src/ui/public/styles/sidebar.less
+++ b/src/ui/public/styles/sidebar.less
@@ -123,10 +123,8 @@
   }
 
   .index-pattern {
-    background-color: @sidebar-active-bg;
     font-weight: bold;
     padding: 5px 10px;
-    color: @sidebar-active-color;
     display: flex;
     justify-content: space-between;
 
@@ -137,5 +135,9 @@
 
   .index-pattern-selection .sidebar-item-title {
     background-color: @sidebar-index-pattern-selection-bg;
+    &:hover {
+      background-color: @sidebar-index-pattern-selection-bg-hover;
+    }
   }
+
 }
diff --git a/src/ui/public/styles/variables/bootstrap-mods.less b/src/ui/public/styles/variables/bootstrap-mods.less
index 3386ea4df94db..9b5457df1f65b 100644
--- a/src/ui/public/styles/variables/bootstrap-mods.less
+++ b/src/ui/public/styles/variables/bootstrap-mods.less
@@ -339,15 +339,15 @@
 @navbar-arrow-size:                7px;
 
 // Default theme
-@navbar-default-bg:                     #656A76;
-@navbar-default-color:                  @white;
+@navbar-default-bg:                     @G5;
+@navbar-default-color:                  @G2;
 @navbar-default-border:                 darken(@navbar-default-bg, 10%);
-@navbar-default-link-color:             @gray-lighter;
-@navbar-default-link-hover-color:       @white;
+@navbar-default-link-color:             @G2;
+@navbar-default-link-hover-color:       @G2;
 @navbar-default-link-hover-bg:          transparent;
-@navbar-default-link-active-color:      @white;
+@navbar-default-link-active-color:      @G1;
 @navbar-default-link-active-bg:         darken(@navbar-default-bg, 10%);
-@navbar-default-link-disabled-color:    @gray12;
+@navbar-default-link-disabled-color:    @G3;
 @navbar-default-link-disabled-bg:       transparent;
 
 // Navbar brand label
diff --git a/src/ui/public/styles/variables/for-theme.less b/src/ui/public/styles/variables/for-theme.less
index e3eb53f5c0bce..34684369baf6d 100644
--- a/src/ui/public/styles/variables/for-theme.less
+++ b/src/ui/public/styles/variables/for-theme.less
@@ -31,12 +31,11 @@
 @sidebar-active-hover-bg: @component-active-bg;
 @sidebar-active-hover-color: @component-active-color;
 
-@sidebar-index-pattern-selection-bg: @white;
+@sidebar-index-pattern-selection-bg: @G5;
+@sidebar-index-pattern-selection-bg-hover: @G6;
 
 
 // Discover ====================================================================
-@discover-info-bg: @well-bg;
-
 @discover-link-color: @link-color;
 @discover-link-btn-color: @text-color;
 
@@ -101,8 +100,8 @@
 
 // NavBar ======================================================================
 @navbar-button-border: @input-border;
-@navbar-button-color: @brand-primary;
-@navbar-button-bg: @input-group-addon-bg;
+@navbar-button-color: @G7;
+@navbar-button-bg: @G3;
 
 
 // AppSwitcher =================================================================

From 71cb775752206f0e2336dc6f18e735efcb7a5c94 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Mon, 1 Feb 2016 14:09:32 -0600
Subject: [PATCH 035/181] [discover] Pad navbars

---
 src/plugins/kibana/public/discover/index.html       | 4 ++--
 src/plugins/kibana/public/discover/styles/main.less | 8 ++++++++
 src/ui/public/styles/navbar.less                    | 1 +
 src/ui/public/styles/variables/bootstrap-mods.less  | 4 ++--
 src/ui/public/styles/variables/for-theme.less       | 2 +-
 5 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/plugins/kibana/public/discover/index.html b/src/plugins/kibana/public/discover/index.html
index f7357f1856e3c..740b4072325a8 100644
--- a/src/plugins/kibana/public/discover/index.html
+++ b/src/plugins/kibana/public/discover/index.html
@@ -1,5 +1,5 @@
 <div ng-controller="discover" class="app-container">
-  <navbar name="discover-options">
+  <navbar class="discover-options" name="discover-options">
     <div class="discover-info">
       <span ng-show="opts.savedSearch.id" class="discover-info-title">
         <span ng-bind="::opts.savedSearch.title"></span>
@@ -44,7 +44,7 @@
 
   <config config-template="configTemplate" config-object="opts" config-close="configClose"></config>
 
-  <navbar name="discover-search">
+  <navbar class="discover-search" name="discover-search">
     <form role="form" class="fill inline-form" ng-submit="fetch()" name="discoverSearch">
       <div class="typeahead" kbn-typeahead="discover">
         <div class="input-group"
diff --git a/src/plugins/kibana/public/discover/styles/main.less b/src/plugins/kibana/public/discover/styles/main.less
index d8a92ef8ca8d1..165e013db8c3d 100644
--- a/src/plugins/kibana/public/discover/styles/main.less
+++ b/src/plugins/kibana/public/discover/styles/main.less
@@ -11,6 +11,14 @@
     padding-left: @collapser-width;
   }
 
+  &-options {
+    padding-bottom: 0;
+  }
+
+  &-search {
+    padding-bottom: 10px;
+  }
+
   &-content {
     padding-right: @padding-base-horizontal;
     clear: both;
diff --git a/src/ui/public/styles/navbar.less b/src/ui/public/styles/navbar.less
index a56cb503756d0..5f61f1a841088 100644
--- a/src/ui/public/styles/navbar.less
+++ b/src/ui/public/styles/navbar.less
@@ -45,6 +45,7 @@ navbar {
     &:active, &.active {
       color: @navbar-default-link-active-color;
       background-color: @navbar-default-link-active-bg;
+      box-shadow: none;
     }
 
     &[disabled] {
diff --git a/src/ui/public/styles/variables/bootstrap-mods.less b/src/ui/public/styles/variables/bootstrap-mods.less
index 9b5457df1f65b..629596fee335a 100644
--- a/src/ui/public/styles/variables/bootstrap-mods.less
+++ b/src/ui/public/styles/variables/bootstrap-mods.less
@@ -341,12 +341,12 @@
 // Default theme
 @navbar-default-bg:                     @G5;
 @navbar-default-color:                  @G2;
-@navbar-default-border:                 darken(@navbar-default-bg, 10%);
+@navbar-default-border:                 transparent;
 @navbar-default-link-color:             @G2;
 @navbar-default-link-hover-color:       @G2;
 @navbar-default-link-hover-bg:          transparent;
 @navbar-default-link-active-color:      @G1;
-@navbar-default-link-active-bg:         darken(@navbar-default-bg, 10%);
+@navbar-default-link-active-bg:         @G6;
 @navbar-default-link-disabled-color:    @G3;
 @navbar-default-link-disabled-bg:       transparent;
 
diff --git a/src/ui/public/styles/variables/for-theme.less b/src/ui/public/styles/variables/for-theme.less
index 34684369baf6d..2438eb2e14be4 100644
--- a/src/ui/public/styles/variables/for-theme.less
+++ b/src/ui/public/styles/variables/for-theme.less
@@ -199,7 +199,7 @@
 
 // Config ======================================================================
 @config-border: darken(@body-bg, 10%);
-@config-bg: @body-bg;
+@config-bg: @G6;
 
 @config-close-bg: @well-bg;
 

From 722494ac958dabc2fe75873121f5ee85feaac199 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Tue, 2 Feb 2016 11:17:04 -0600
Subject: [PATCH 036/181]  [nav] Remove box shadow

---
 src/ui/public/styles/theme.less                    | 4 ----
 src/ui/public/styles/variables/bootstrap-mods.less | 6 +++---
 src/ui/public/styles/variables/for-theme.less      | 6 +++---
 3 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/ui/public/styles/theme.less b/src/ui/public/styles/theme.less
index 3b2ff365f1c37..743a496b328a9 100644
--- a/src/ui/public/styles/theme.less
+++ b/src/ui/public/styles/theme.less
@@ -16,10 +16,6 @@
 .navbar {
   border-width: 0;
 
-  box-shadow: inset 0 -10px 10px -12px #333;
-  -moz-box-shadow: inset 0 -10px 10px -12px #333;
-  -webkit-box-shadow: inset 0 -10px 10px -12px #333;
-
   &-btn-link {
     height: @navbar-height;
     margin: 0;
diff --git a/src/ui/public/styles/variables/bootstrap-mods.less b/src/ui/public/styles/variables/bootstrap-mods.less
index 629596fee335a..0ea15e8b71a15 100644
--- a/src/ui/public/styles/variables/bootstrap-mods.less
+++ b/src/ui/public/styles/variables/bootstrap-mods.less
@@ -607,11 +607,11 @@
 @progress-border-radius:      @border-radius-base;
 
 //** Background color of the whole progress component
-@progress-bg:                           @gray-lighter;
+@progress-bg:                           @G4;
 //** Progress bar text color
 @progress-bar-color:                    @white;
 //** Default progress bar color
-@progress-bar-bg:                       @brand-primary;
+@progress-bar-bg:                       @PI1;
 //** Success progress bar color
 @progress-bar-success-bg:               @brand-success;
 //** Warning progress bar color
@@ -791,7 +791,7 @@
 //** Abbreviations and acronyms border color
 @abbr-border-color:                     @gray-light;
 //** Headings small color
-@headings-small-color:                  @gray-light;
+@headings-small-color:                  @G1;
 //** Blockquote small color
 @blockquote-small-color:                @gray-light;
 //** Blockquote border color
diff --git a/src/ui/public/styles/variables/for-theme.less b/src/ui/public/styles/variables/for-theme.less
index 2438eb2e14be4..3fcbdd4a76a19 100644
--- a/src/ui/public/styles/variables/for-theme.less
+++ b/src/ui/public/styles/variables/for-theme.less
@@ -47,9 +47,9 @@
 @discover-shard-failures-border: @brand-danger;
 
 @discover-field-toggle-color: @btn-success-color;
-@discover-field-details-border: @well-border;
-@discover-field-details-color: @text-color;
-@discover-field-details-bg: @body-bg;
+@discover-field-details-border: @G4;
+@discover-field-details-color: @G1;
+@discover-field-details-bg: @G5;
 @discover-field-details-close-border: @well-border;
 @discover-field-details-close-bg: @well-bg;
 @discover-field-details-close-hover-bg: @sidebar-hover-bg;

From d4e0afc011191279eb4901c297314a469f2cd529 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Tue, 2 Feb 2016 15:10:03 -0600
Subject: [PATCH 037/181] [discover] Update variable names

---
 .../styles/variables/bootstrap-mods.less      | 20 +++++++++----------
 src/ui/public/styles/variables/for-theme.less | 16 +++++++--------
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/ui/public/styles/variables/bootstrap-mods.less b/src/ui/public/styles/variables/bootstrap-mods.less
index 0ea15e8b71a15..25d24feec153a 100644
--- a/src/ui/public/styles/variables/bootstrap-mods.less
+++ b/src/ui/public/styles/variables/bootstrap-mods.less
@@ -339,15 +339,15 @@
 @navbar-arrow-size:                7px;
 
 // Default theme
-@navbar-default-bg:                     @G5;
-@navbar-default-color:                  @G2;
+@navbar-default-bg:                     @kibanaGray5;
+@navbar-default-color:                  @kibanaGray2;
 @navbar-default-border:                 transparent;
-@navbar-default-link-color:             @G2;
-@navbar-default-link-hover-color:       @G2;
+@navbar-default-link-color:             @kibanaGray2;
+@navbar-default-link-hover-color:       @kibanaGray2;
 @navbar-default-link-hover-bg:          transparent;
-@navbar-default-link-active-color:      @G1;
-@navbar-default-link-active-bg:         @G6;
-@navbar-default-link-disabled-color:    @G3;
+@navbar-default-link-active-color:      @kibanaGray1;
+@navbar-default-link-active-bg:         @kibanaGray6;
+@navbar-default-link-disabled-color:    @kibanaGray3;
 @navbar-default-link-disabled-bg:       transparent;
 
 // Navbar brand label
@@ -607,11 +607,11 @@
 @progress-border-radius:      @border-radius-base;
 
 //** Background color of the whole progress component
-@progress-bg:                           @G4;
+@progress-bg:                           @kibanaGray4;
 //** Progress bar text color
 @progress-bar-color:                    @white;
 //** Default progress bar color
-@progress-bar-bg:                       @PI1;
+@progress-bar-bg:                       @kibanaPink1;
 //** Success progress bar color
 @progress-bar-success-bg:               @brand-success;
 //** Warning progress bar color
@@ -791,7 +791,7 @@
 //** Abbreviations and acronyms border color
 @abbr-border-color:                     @gray-light;
 //** Headings small color
-@headings-small-color:                  @G1;
+@headings-small-color:                  @kibanaGray1;
 //** Blockquote small color
 @blockquote-small-color:                @gray-light;
 //** Blockquote border color
diff --git a/src/ui/public/styles/variables/for-theme.less b/src/ui/public/styles/variables/for-theme.less
index 3fcbdd4a76a19..8cc47d88aba72 100644
--- a/src/ui/public/styles/variables/for-theme.less
+++ b/src/ui/public/styles/variables/for-theme.less
@@ -31,8 +31,8 @@
 @sidebar-active-hover-bg: @component-active-bg;
 @sidebar-active-hover-color: @component-active-color;
 
-@sidebar-index-pattern-selection-bg: @G5;
-@sidebar-index-pattern-selection-bg-hover: @G6;
+@sidebar-index-pattern-selection-bg: @kibanaGray5;
+@sidebar-index-pattern-selection-bg-hover: @kibanaGray6;
 
 
 // Discover ====================================================================
@@ -47,9 +47,9 @@
 @discover-shard-failures-border: @brand-danger;
 
 @discover-field-toggle-color: @btn-success-color;
-@discover-field-details-border: @G4;
-@discover-field-details-color: @G1;
-@discover-field-details-bg: @G5;
+@discover-field-details-border: @kibanaGray4;
+@discover-field-details-color: @kibanaGray1;
+@discover-field-details-bg: @kibanaGray5;
 @discover-field-details-close-border: @well-border;
 @discover-field-details-close-bg: @well-bg;
 @discover-field-details-close-hover-bg: @sidebar-hover-bg;
@@ -100,8 +100,8 @@
 
 // NavBar ======================================================================
 @navbar-button-border: @input-border;
-@navbar-button-color: @G7;
-@navbar-button-bg: @G3;
+@navbar-button-color: @kibanaGray7;
+@navbar-button-bg: @kibanaGray3;
 
 
 // AppSwitcher =================================================================
@@ -199,7 +199,7 @@
 
 // Config ======================================================================
 @config-border: darken(@body-bg, 10%);
-@config-bg: @G6;
+@config-bg: @kibanaGray6;
 
 @config-close-bg: @well-bg;
 

From 53190afd90a121dc57efff8dc012fe8b033bd80e Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Tue, 2 Feb 2016 15:35:28 -0600
Subject: [PATCH 038/181] [discover] Update sidebar colors

---
 src/ui/public/styles/variables/bootstrap-mods.less |  2 +-
 src/ui/public/styles/variables/for-theme.less      | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/ui/public/styles/variables/bootstrap-mods.less b/src/ui/public/styles/variables/bootstrap-mods.less
index 25d24feec153a..0a309d357748f 100644
--- a/src/ui/public/styles/variables/bootstrap-mods.less
+++ b/src/ui/public/styles/variables/bootstrap-mods.less
@@ -6,7 +6,7 @@
 //** Background color for `<body>`.
 @body-bg:                   @white;
 //** Global text color on `<body>`.
-@text-color:                @brand-primary;
+@text-color:                @kibanaGray1;
 
 
 //** Global textual link color.
diff --git a/src/ui/public/styles/variables/for-theme.less b/src/ui/public/styles/variables/for-theme.less
index 8cc47d88aba72..2ebd4a7aef6ee 100644
--- a/src/ui/public/styles/variables/for-theme.less
+++ b/src/ui/public/styles/variables/for-theme.less
@@ -26,13 +26,13 @@
 @sidebar-hover-color: @sidebar-color;
 @sidebar-hover-bg: darken(@sidebar-bg, 10%);
 
-@sidebar-active-color: @component-active-color;
-@sidebar-active-bg: @component-active-bg;
-@sidebar-active-hover-bg: @component-active-bg;
-@sidebar-active-hover-color: @component-active-color;
+@sidebar-active-color: @kibanaGray1;
+@sidebar-active-bg: @kibanaGray4;
+@sidebar-active-hover-bg: @kibanaGray4;
+@sidebar-active-hover-color: @kibanaGray1;
 
 @sidebar-index-pattern-selection-bg: @kibanaGray5;
-@sidebar-index-pattern-selection-bg-hover: @kibanaGray6;
+@sidebar-index-pattern-selection-bg-hover: @kibanaGray4;
 
 
 // Discover ====================================================================

From 3733e7360e77e93ff6145ebbbcc4f69a3cefb822 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Wed, 3 Feb 2016 09:21:34 -0600
Subject: [PATCH 039/181] [discover] Move navbar padding changes, fixes firefox
 crashing

---
 src/plugins/kibana/public/discover/index.html      |  7 +++----
 .../kibana/public/discover/styles/main.less        | 14 ++++++--------
 2 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/plugins/kibana/public/discover/index.html b/src/plugins/kibana/public/discover/index.html
index 740b4072325a8..c86d43823c6a2 100644
--- a/src/plugins/kibana/public/discover/index.html
+++ b/src/plugins/kibana/public/discover/index.html
@@ -1,5 +1,5 @@
 <div ng-controller="discover" class="app-container">
-  <navbar class="discover-options" name="discover-options">
+  <navbar name="discover-options">
     <div class="discover-info">
       <span ng-show="opts.savedSearch.id" class="discover-info-title">
         <span ng-bind="::opts.savedSearch.title"></span>
@@ -41,10 +41,8 @@
       </button>
     </div>
   </navbar>
-
   <config config-template="configTemplate" config-object="opts" config-close="configClose"></config>
-
-  <navbar class="discover-search" name="discover-search">
+  <navbar name="discover-search">
     <form role="form" class="fill inline-form" ng-submit="fetch()" name="discoverSearch">
       <div class="typeahead" kbn-typeahead="discover">
         <div class="input-group"
@@ -69,6 +67,7 @@
     <div class="button-group" role="toolbar"></div>
   </navbar>
 
+
   <div class="container-fluid" role="main">
     <div class="row">
       <filter-bar state="state"></filter-bar>
diff --git a/src/plugins/kibana/public/discover/styles/main.less b/src/plugins/kibana/public/discover/styles/main.less
index 165e013db8c3d..19411ac6268af 100644
--- a/src/plugins/kibana/public/discover/styles/main.less
+++ b/src/plugins/kibana/public/discover/styles/main.less
@@ -2,6 +2,12 @@
 
 .tab-discover {
   overflow-x: hidden;
+  navbar[name="discover-options"] {
+    padding-bottom: 0;
+  }
+  navbar[name="discover-search"] {
+    padding-bottom: 5px;
+  }
 }
 
 .discover {
@@ -11,14 +17,6 @@
     padding-left: @collapser-width;
   }
 
-  &-options {
-    padding-bottom: 0;
-  }
-
-  &-search {
-    padding-bottom: 10px;
-  }
-
   &-content {
     padding-right: @padding-base-horizontal;
     clear: both;

From 74d5f24be37f59503f14d56246258969da1229cf Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Mon, 8 Feb 2016 13:49:44 -0400
Subject: [PATCH 040/181] [Chrome] Made the kibana logo the fallback if there
 is no logo, hide the user and settings icons.

---
 src/ui/public/chrome/chrome.html                         | 9 +++++++--
 .../chrome/directives/app_switcher/app_switcher.less     | 5 +++++
 src/ui/public/styles/mixins.less                         | 4 ++--
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/ui/public/chrome/chrome.html b/src/ui/public/chrome/chrome.html
index b93d71b9f728e..f3c9ff4e06682 100644
--- a/src/ui/public/chrome/chrome.html
+++ b/src/ui/public/chrome/chrome.html
@@ -1,22 +1,27 @@
 <div class="content" chrome-context >
   <!-- TODO: These config dropdowns shouldn't be hard coded -->
   <nav class="app-links-wrapper">
+    <li
+      ng-if="!chrome.getBrand('logo')  && !chrome.getBrand('smallLogo')"
+      aria-label="{{ chrome.getAppTitle() }} Logo"
+      class="logo kibana hidden-sm"
+      ></li>
     <li
       ng-if="chrome.getBrand('logo')"
       ng-style="{ 'background': chrome.getBrand('logo') }"
       aria-label="{{ chrome.getAppTitle() }} Logo"
       class="logo hidden-sm"
       ></li>
-
     <li
       ng-if="chrome.getBrand('smallLogo')"
       ng-style="{ 'background': chrome.getBrand('smallLogo') }"
       aria-label="{{ chrome.getAppTitle() }} Logo"
       class="logo-small visible-sm hidden-xs"
       ></li>
+
     <app-switcher>
     </app-switcher>
-    <div class="bottom-apps app-links">
+    <div class="bottom-apps hide app-links">
       <div class="app-link">
         <a href="http://elastic.co">
           <div class="app-icon">
diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
index e0e1197b17411..f6ad38223eda1 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -8,6 +8,8 @@
 @transition-time: .65s;
 @transition-delay: .2s;
 
+body { overflow-x: hidden; }
+
 .app-links-wrapper {
   width: @as-open-width;
   position: fixed;
@@ -33,6 +35,9 @@
     height: 70px;
     width: @as-open-width;
     list-style-type: none;
+    &.kibana {
+      background: url("~ui/images/kibana.svg") center / 160px 70px no-repeat #e8488b;
+    }
   }
   .bottom-apps {
     position: absolute;
diff --git a/src/ui/public/styles/mixins.less b/src/ui/public/styles/mixins.less
index ceab159c3745d..983ddc1ecfd30 100644
--- a/src/ui/public/styles/mixins.less
+++ b/src/ui/public/styles/mixins.less
@@ -10,8 +10,8 @@
     flex-shrink: 0;
   }
 }
-.real-flex-parent(@display: flex, @flow: column nowrap) {
-  display: @display;
+.real-flex-parent(@flow: column nowrap) {
+  display: flex;
   flex-flow: @flow;
 }
 

From 9ee9715e4512b74e90bb7cd2999088f71143d985 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Mon, 8 Feb 2016 13:46:17 -0600
Subject: [PATCH 041/181] Primary button is blue, sidebar nav is lighter gray

---
 src/ui/public/styles/variables/bootstrap-mods.less | 6 +++---
 src/ui/public/styles/variables/for-theme.less      | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/ui/public/styles/variables/bootstrap-mods.less b/src/ui/public/styles/variables/bootstrap-mods.less
index 0a309d357748f..2009e704cf6c5 100644
--- a/src/ui/public/styles/variables/bootstrap-mods.less
+++ b/src/ui/public/styles/variables/bootstrap-mods.less
@@ -120,9 +120,9 @@
 @btn-default-bg:            @gray;
 @btn-default-border:        @btn-default-bg;
 
-@btn-primary-color:         @btn-default-color;
-@btn-primary-bg:            @brand-primary;
-@btn-primary-border:        @btn-primary-bg;
+@btn-primary-color:         @kibanaGray5;
+@btn-primary-bg:            @kibanaBlue3;
+@btn-primary-border:        transparent;
 
 @btn-success-color:         @btn-default-color;
 @btn-success-bg:            @brand-success;
diff --git a/src/ui/public/styles/variables/for-theme.less b/src/ui/public/styles/variables/for-theme.less
index 2ebd4a7aef6ee..5c039b63ce14d 100644
--- a/src/ui/public/styles/variables/for-theme.less
+++ b/src/ui/public/styles/variables/for-theme.less
@@ -48,7 +48,7 @@
 
 @discover-field-toggle-color: @btn-success-color;
 @discover-field-details-border: @kibanaGray4;
-@discover-field-details-color: @kibanaGray1;
+@discover-field-details-color: @kibanaGray2;
 @discover-field-details-bg: @kibanaGray5;
 @discover-field-details-close-border: @well-border;
 @discover-field-details-close-bg: @well-bg;

From 08cbdec231a7a8a23c09de487e6c526f562171e9 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Mon, 8 Feb 2016 14:31:44 -0600
Subject: [PATCH 042/181] [discover] Add active style when toggling sidebar
 field

---
 .../discover/components/field_chooser/discover_field.js       | 3 ++-
 src/plugins/kibana/public/discover/styles/main.less           | 4 ++++
 src/ui/public/styles/variables/for-theme.less                 | 4 ++--
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/plugins/kibana/public/discover/components/field_chooser/discover_field.js b/src/plugins/kibana/public/discover/components/field_chooser/discover_field.js
index 1f9bf7b622351..dd890a0fdbf9a 100644
--- a/src/plugins/kibana/public/discover/components/field_chooser/discover_field.js
+++ b/src/plugins/kibana/public/discover/components/field_chooser/discover_field.js
@@ -80,10 +80,11 @@ define(function (require) {
 
             detailsElem = $(detailsHtml);
             $compile(detailsElem)(detailScope);
-            $elem.append(detailsElem);
+            $elem.append(detailsElem).addClass('active');
           } else {
             delete field.details;
             detailsElem.remove();
+            $elem.removeClass('active');
           }
         };
 
diff --git a/src/plugins/kibana/public/discover/styles/main.less b/src/plugins/kibana/public/discover/styles/main.less
index 19411ac6268af..057efd82d580c 100644
--- a/src/plugins/kibana/public/discover/styles/main.less
+++ b/src/plugins/kibana/public/discover/styles/main.less
@@ -253,6 +253,10 @@ disc-field-chooser {
     }
   }
 
+  .sidebar-item.active .sidebar-item-title {
+    background-color: @sidebar-active-bg;
+    color: @sidebar-active-color;
+  }
   .sidebar-item-title {
     position: relative;
   }
diff --git a/src/ui/public/styles/variables/for-theme.less b/src/ui/public/styles/variables/for-theme.less
index 5c039b63ce14d..bcaa3aa8f72af 100644
--- a/src/ui/public/styles/variables/for-theme.less
+++ b/src/ui/public/styles/variables/for-theme.less
@@ -58,8 +58,8 @@
 
 
 // Field name ==================================================================
-@field-name-color: @text-muted;
-@field-name-no-results-color: @text-muted;
+@field-name-color: @kibanaGray3;
+@field-name-no-results-color: @kibanaGray3;
 
 
 // Collapser ===================================================================

From 6fad32f86c6c652b57e18c6f272533cb0d5a8505 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Mon, 8 Feb 2016 15:03:22 -0600
Subject: [PATCH 043/181] [discover] Add index pattern active color

---
 .../discover/components/field_chooser/field_chooser.html      | 3 ++-
 src/ui/public/styles/sidebar.less                             | 4 ++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/plugins/kibana/public/discover/components/field_chooser/field_chooser.html b/src/plugins/kibana/public/discover/components/field_chooser/field_chooser.html
index 4302d6a81e829..a336ec5621d5c 100644
--- a/src/plugins/kibana/public/discover/components/field_chooser/field_chooser.html
+++ b/src/plugins/kibana/public/discover/components/field_chooser/field_chooser.html
@@ -1,6 +1,7 @@
 <div class="sidebar-list">
   <div ng-show="indexPatternList.length > 1">
-    <div class="index-pattern" ng-click="showIndexPatternSelection = !showIndexPatternSelection">
+    <div class="index-pattern" ng-click="showIndexPatternSelection = !showIndexPatternSelection"
+    ng-class="{active: showIndexPatternSelection === true}">
       <div css-truncate title="{{indexPattern.id}}">{{indexPattern.id}}</div>
       <i ng-hide="showIndexPatternSelection" class="fa fa-caret-down"></i>
       <i ng-show="showIndexPatternSelection" class="fa fa-caret-up"></i>
diff --git a/src/ui/public/styles/sidebar.less b/src/ui/public/styles/sidebar.less
index 83691a601acfc..469c78a761687 100644
--- a/src/ui/public/styles/sidebar.less
+++ b/src/ui/public/styles/sidebar.less
@@ -131,6 +131,10 @@
     > * {
       flex: 0 1 auto;
     }
+    &.active {
+      background-color: @sidebar-active-bg;
+      color: @sidebar-active-color;
+    }
   }
 
   .index-pattern-selection .sidebar-item-title {

From fec7f67214eee2aead45de72d19a19d19224ea3e Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Mon, 8 Feb 2016 16:10:50 -0600
Subject: [PATCH 044/181] [collapser] Background color is white

---
 src/ui/public/styles/variables/bootstrap-mods.less |  2 +-
 src/ui/public/styles/variables/for-theme.less      | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/ui/public/styles/variables/bootstrap-mods.less b/src/ui/public/styles/variables/bootstrap-mods.less
index 2009e704cf6c5..d8e0d861ad2b9 100644
--- a/src/ui/public/styles/variables/bootstrap-mods.less
+++ b/src/ui/public/styles/variables/bootstrap-mods.less
@@ -120,7 +120,7 @@
 @btn-default-bg:            @gray;
 @btn-default-border:        @btn-default-bg;
 
-@btn-primary-color:         @kibanaGray5;
+@btn-primary-color:         @kibanaGray6;
 @btn-primary-bg:            @kibanaBlue3;
 @btn-primary-border:        transparent;
 
diff --git a/src/ui/public/styles/variables/for-theme.less b/src/ui/public/styles/variables/for-theme.less
index bcaa3aa8f72af..50b1af156ff0a 100644
--- a/src/ui/public/styles/variables/for-theme.less
+++ b/src/ui/public/styles/variables/for-theme.less
@@ -63,13 +63,13 @@
 
 
 // Collapser ===================================================================
-@collapser-bg: @gray-lighter;
-@collapser-border: @collapser-bg;
-@collapser-color: @gray3;
+@collapser-bg: @kibanaGray7;
+@collapser-border: @kibanaGray7;
+@collapser-color: @kibanaGray2;
 
-@collapser-hover-bg: @gray-light;
+@collapser-hover-bg: @kibanaGray5;
 @collapser-hover-border: @collapser-hover-bg;
-@collapser-hover-color: @white;
+@collapser-hover-color: @kibanaGray7;
 
 @collapser-width: 12px;
 

From e63900a22c2c3c8b3660dcb7c2f1006a0e4c3803 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Mon, 8 Feb 2016 15:42:00 -0800
Subject: [PATCH 045/181] troubleshooting styling for step 1 and step 2
 visualize pages

---
 .../kibana/public/visualize/styles/main.less  | 27 +++++++++++++++++++
 .../public/visualize/wizard/step_1.html       |  2 +-
 .../public/visualize/wizard/step_2.html       | 20 ++++----------
 .../public/partials/saved_object_finder.html  | 15 ++++++-----
 .../styles/variables/bootstrap-mods.less      |  4 +--
 5 files changed, 43 insertions(+), 25 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/styles/main.less b/src/plugins/kibana/public/visualize/styles/main.less
index 8fce1e7d497bc..a43fe191f5fcd 100644
--- a/src/plugins/kibana/public/visualize/styles/main.less
+++ b/src/plugins/kibana/public/visualize/styles/main.less
@@ -2,6 +2,29 @@
 @import (reference) "~bootstrap/less/list-group";
 @import (reference) "~ui/styles/list-group-menu";
 
+.link-color {
+  color: @kibanaBlue2;
+}
+
+.icon-color {
+  color: #416376;
+}
+
+.search-icon {
+  color: #9C9C9C;
+}
+
+.table-type-label {
+  color: #5A5A5A;
+  font-weight: normal;
+  text-align: center;
+}
+
+.table-label {
+  color: #2D2D2D;
+  font-weight: normal;
+}
+
 /* saved_object_finder.html striped table colors */
 .table-striped > tbody > tr:nth-of-type(even) {
   background-color: @kibanaGray6;
@@ -52,6 +75,10 @@
 .saved-object-finder-column {
   text-align: center;
   padding: 5px;
+
+  span {
+    color: #9C9C9C;
+  }
 }
 
 .saved-object-finder-table {
diff --git a/src/plugins/kibana/public/visualize/wizard/step_1.html b/src/plugins/kibana/public/visualize/wizard/step_1.html
index ff17e9a220908..2260212022358 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_1.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_1.html
@@ -8,7 +8,7 @@ <h3>Create New Visualization</h3>
           ng-href="{{ visTypeUrl(type) }}">
 
           <div class="wizard-vis-type-heading">
-            <i aria-hidden="true" class="fa fa-fw" ng-class="type.icon"></i>
+            <i aria-hidden="true" class="fa fa-fw icon-color" ng-class="type.icon"></i>
             <h4>{{type.title}}</h4>
           </div>
 
diff --git a/src/plugins/kibana/public/visualize/wizard/step_2.html b/src/plugins/kibana/public/visualize/wizard/step_2.html
index 02d37b751b907..89201ca16ea4e 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_2.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_2.html
@@ -1,14 +1,8 @@
 <h2>Create New Visualization: Select Source</h2>
 <ul class="list-group list-group-menu">
-  <!-- <li ng-click="stepTwoMode='new'"
-      ng-class="{'active': stepTwoMode=='new'}"
-      class="list-group-item list-group-menu-item">
-    From a New Search
-  </li> -->
-  <li class="list-group-item">
+  <li class="list-group-item" style="border: none; background-color: #F6F6F6; border-radius: 0;">
     <!-- Index patterns -->
     From a New Search
-    <!-- Select an index pattern... -->
     <div class="form-group">
       <select class="form-control"
               ng-model="indexPattern.selection"
@@ -17,15 +11,11 @@ <h2>Create New Visualization: Select Source</h2>
       </select>
     </div>
   </li>
-
-  <!-- <li ng-click="stepTwoMode='saved'"
-      ng-class="{'active': stepTwoMode=='saved'}"
-      class="list-group-item list-group-menu-item">
-    Or, From a Saved Search
-  </li> -->
-  <li class="list-group-item">
+  <li class="list-group-item" style="border: none; background-color: #F6F6F6; border-radius: 0;">
     <!-- Saved searches -->
-    Or, From a Saved Search
+    <div>
+      <label>Or, From a Saved Search<label>
+    </div>
     <saved-object-finder
             title="Saved Searches"
             type="searches"
diff --git a/src/ui/public/partials/saved_object_finder.html b/src/ui/public/partials/saved_object_finder.html
index 2e29fc29358da..26c28b1b581f2 100644
--- a/src/ui/public/partials/saved_object_finder.html
+++ b/src/ui/public/partials/saved_object_finder.html
@@ -2,7 +2,7 @@
   <div class="container-fluid">
     <div class="saved-object-finder-row row">
       <div class="saved-object-finder-input input-group form-group finder-form col-md-8">
-        <span class="input-group-addon">
+        <span class="input-group-addon search-icon">
           <i class="fa fa-search"></i>
         </span>
         <input
@@ -28,10 +28,10 @@
   <table class="list-group list-group-menu table table-striped"
     ng-class="{'select-mode': finder.selector.enabled}">
 
-    <thead>
+    <thead ng-show="finder.properties.noun === 'Visualization'">
       <tr ng-hide="finder.hits.length === 0">
-        <th class="col-md-1">Type</th>
-        <th class="col-md-11">
+        <th class="col-md-1 table-type-label">Type</th>
+        <th class="col-md-11 table-label">
           Name
           <!-- <span class="fa fa-caret-up"></span> -->
           <span class="fa fa-caret-down"></span>
@@ -44,14 +44,15 @@
           ng-repeat="hit in page"
           ng-keydown="finder.hitKeyDown($event, page, paginate)"
           ng-click="finder.onChoose(hit, $event)">
-        <th class="first-cell col-md-1" scope="row">
+        <th ng-show="finder.properties.noun === 'Visualization'" 
+            class="first-cell col-md-1" scope="row">
           <a ng-href="{{finder.makeUrl(hit)}}"
             ng-blur="finder.hitBlur($event)"
             ng-click="finder.preventClick($event)">
-            <i aria-hidden="true" class="fa" ng-if="hit.icon" ng-class="hit.icon"></i>
+            <i aria-hidden="true" class="fa icon-color" ng-if="hit.icon" ng-class="hit.icon"></i>
           </a>
         </th>
-        <td class="col-md-11">
+        <td class="col-md-11 link-color" >
           {{hit.title}}
           <p ng-if="hit.description" ng-bind="hit.description"></p>
         </td>
diff --git a/src/ui/public/styles/variables/bootstrap-mods.less b/src/ui/public/styles/variables/bootstrap-mods.less
index 3386ea4df94db..dc61863c15fee 100644
--- a/src/ui/public/styles/variables/bootstrap-mods.less
+++ b/src/ui/public/styles/variables/bootstrap-mods.less
@@ -10,8 +10,8 @@
 
 
 //** Global textual link color.
-@link-color:                @brand-info;
-@link-hover-color:          lighten(@link-color, 10%);
+@link-color:                @kibanaBlue2;
+@link-hover-color:          @kibanaBlue1;
 @link-hover-decoration:     none;
 
 //** Disabled cursor for form controls and buttons.

From a75df517ef4359138ccf65edbcf601d0586c3391 Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Mon, 8 Feb 2016 16:50:03 -0700
Subject: [PATCH 046/181] Change svg to be inkscape compatible

---
 src/ui/public/images/kibana.svg | 104 +++++++++++++++++++++++++++++++-
 1 file changed, 103 insertions(+), 1 deletion(-)

diff --git a/src/ui/public/images/kibana.svg b/src/ui/public/images/kibana.svg
index dfb45b1544b7b..571e84de4855e 100644
--- a/src/ui/public/images/kibana.svg
+++ b/src/ui/public/images/kibana.svg
@@ -1 +1,103 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 141.37 51"><defs><style>.cls-1,.cls-2,.cls-3,.cls-4{fill:#fff;}.cls-1{opacity:0.6;}.cls-2{opacity:0.4;}.cls-3{opacity:0.9;}</style></defs><title>Kibana-Full-Logo</title><path class="cls-1" d="M409.68,273.59a38.94,38.94,0,0,1,18.71,4.76L448.2,254.5H408.94v19.11Z" transform="translate(-408.94 -254.5)"/><path class="cls-1" d="M428.39,278.35l-19.45,23.42v3.73h39.2A39.2,39.2,0,0,0,428.39,278.35Z" transform="translate(-408.94 -254.5)"/><path class="cls-2" d="M428.39,278.35l-19.45,23.42v3.73h7l18.87-22.77s-1.25-1.06-3-2.3C430.41,279.46,428.39,278.35,428.39,278.35Z" transform="translate(-408.94 -254.5)"/><path class="cls-3" d="M409.68,273.59l-0.74,0v28.17l19.45-23.42A38.94,38.94,0,0,0,409.68,273.59Z" transform="translate(-408.94 -254.5)"/><path class="cls-4" d="M457.06,291.29H453.2V266.23h3.86v14.48l2.2-.21,4.18-6.9h4.32l-5.1,8.28,5.38,9.42h-4.36l-4.32-7.47-2.3.25v7.22Z" transform="translate(-408.94 -254.5)"/><path class="cls-4" d="M470.86,270.58v-4.07h3.86v4.07h-3.86Zm0,20.71v-17.7h3.86v17.7h-3.86Z" transform="translate(-408.94 -254.5)"/><path class="cls-4" d="M487.64,273.2q3.65,0,5.26,2t1.61,7.2q0,5.17-1.91,7.21t-6.73,2q-1.66,0-5.27-.32l-1.2-.11v-25h3.82v8A11.25,11.25,0,0,1,487.64,273.2Zm-1.77,15q2.83,0,3.77-1.33a8.11,8.11,0,0,0,.94-4.51,9.08,9.08,0,0,0-.8-4.48,2.82,2.82,0,0,0-2.6-1.29,11.33,11.33,0,0,0-3.4.53l-0.57.18v10.76Q485.17,288.25,485.87,288.25Z" transform="translate(-408.94 -254.5)"/><path class="cls-4" d="M511.47,279v8.07a1.68,1.68,0,0,0,.41,1.15,2,2,0,0,0,1.15.48l-0.11,2.94a7.45,7.45,0,0,1-4.71-1.31,13.47,13.47,0,0,1-5.7,1.31q-5.28,0-5.28-5.63a4.81,4.81,0,0,1,1.43-3.89,7.81,7.81,0,0,1,4.41-1.45l4.57-.39V279a2.15,2.15,0,0,0-2.44-2.55q-2.27,0-5.66.28l-1.13.07-0.14-2.73a30.77,30.77,0,0,1,7.1-.92q3.24,0,4.67,1.4A6,6,0,0,1,511.47,279Zm-7.93,4.39a2.38,2.38,0,0,0-2.44,2.66q0,2.44,2.16,2.44A13.67,13.67,0,0,0,507,288l0.64-.21V283Z" transform="translate(-408.94 -254.5)"/><path class="cls-4" d="M520.18,291.29h-3.86v-17.7h3.82v1.1A9.85,9.85,0,0,1,525,273.2q3.54,0,4.83,2t1.29,6.6v9.49h-3.82v-9.38a9.58,9.58,0,0,0-.62-4.07,2.57,2.57,0,0,0-2.53-1.2,8.77,8.77,0,0,0-3.47.71l-0.53.21v13.74Z" transform="translate(-408.94 -254.5)"/><path class="cls-4" d="M548.75,279v8.07a1.68,1.68,0,0,0,.41,1.15,2,2,0,0,0,1.15.48l-0.11,2.94a7.45,7.45,0,0,1-4.71-1.31,13.48,13.48,0,0,1-5.7,1.31q-5.28,0-5.28-5.63a4.82,4.82,0,0,1,1.43-3.89,7.81,7.81,0,0,1,4.41-1.45l4.57-.39V279a2.15,2.15,0,0,0-2.44-2.55q-2.27,0-5.66.28l-1.13.07-0.14-2.73a30.78,30.78,0,0,1,7.1-.92q3.24,0,4.67,1.4A6,6,0,0,1,548.75,279Zm-7.93,4.39a2.38,2.38,0,0,0-2.44,2.66q0,2.44,2.16,2.44a13.66,13.66,0,0,0,3.75-.57l0.64-.21V283Z" transform="translate(-408.94 -254.5)"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="Layer_1"
+   data-name="Layer 1"
+   viewBox="0 0 141.37 51"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="kibana.svg">
+  <metadata
+     id="metadata31">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Kibana-Full-Logo</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#515151"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1796"
+     inkscape:window-height="1079"
+     id="namedview29"
+     showgrid="false"
+     inkscape:zoom="2.0725756"
+     inkscape:cx="70.684998"
+     inkscape:cy="25.5"
+     inkscape:window-x="349"
+     inkscape:window-y="210"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Layer_1" />
+  <defs
+     id="defs3">
+    <style
+       id="style5">.cls-1,.cls-2,.cls-3,.cls-4{fill:#fff;}.cls-1{opacity:0.6;}.cls-2{opacity:0.4;}.cls-3{opacity:0.9;}</style>
+  </defs>
+  <title
+     id="title7">Kibana-Full-Logo</title>
+  <path
+     class="cls-1"
+     d="M409.68,273.59a38.94,38.94,0,0,1,18.71,4.76L448.2,254.5H408.94v19.11Z"
+     transform="translate(-408.94 -254.5)"
+     id="path9" />
+  <path
+     class="cls-1"
+     d="M428.39,278.35l-19.45,23.42v3.73h39.2A39.2,39.2,0,0,0,428.39,278.35Z"
+     transform="translate(-408.94 -254.5)"
+     id="path11" />
+  <path
+     class="cls-2"
+     d="M428.39,278.35l-19.45,23.42v3.73h7l18.87-22.77s-1.25-1.06-3-2.3C430.41,279.46,428.39,278.35,428.39,278.35Z"
+     transform="translate(-408.94 -254.5)"
+     id="path13" />
+  <path
+     class="cls-3"
+     d="M409.68,273.59l-0.74,0v28.17l19.45-23.42A38.94,38.94,0,0,0,409.68,273.59Z"
+     transform="translate(-408.94 -254.5)"
+     id="path15" />
+  <g
+     style="font-style:normal;font-weight:normal;font-size:33.04906845px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:0.72413791;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     id="text4159">
+    <path
+       d="m 53.346838,50.53812 0,-6.74201 2.14819,-0.231343 4.031986,6.973353 4.065036,0 -5.023459,-8.791052 4.759066,-7.733482 -4.031986,0 -3.89979,6.444568 -2.049043,0.198295 0,-13.517069 -3.602348,0 0,23.39874 3.602348,0 z"
+       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:Titillium;-inkscape-font-specification:'Titillium Semi-Bold';fill:#ffffff;fill-opacity:0.72413791"
+       id="path4891" />
+    <path
+       d="m 66.269024,50.53812 3.602349,0 0,-16.524534 -3.602349,0 0,16.524534 z m 0,-19.333705 3.602349,0 0,-3.800643 -3.602349,0 0,3.800643 z"
+       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:Titillium;-inkscape-font-specification:'Titillium Semi-Bold';fill:#ffffff;fill-opacity:0.72413791"
+       id="path4893" />
+    <path
+       d="m 81.973529,33.650046 c -1.850747,0 -4.131133,0.991472 -4.131133,0.991472 l 0,-7.502138 -3.5693,0 0,23.365691 c 0,0 4.296379,0.396589 6.04798,0.396589 5.915783,0 8.063973,-2.015993 8.063973,-8.85715 0,-6.180176 -1.916846,-8.394464 -6.41152,-8.394464 z M 80.321076,47.6959 c -0.660981,0 -2.47868,-0.132196 -2.47868,-0.132196 l 0,-10.046917 c 0,0 1.949895,-0.660981 3.701495,-0.660981 2.214288,0 3.172711,1.454159 3.172711,5.188704 0,4.031986 -0.727079,5.65139 -4.395526,5.65139 z"
+       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:Titillium;-inkscape-font-specification:'Titillium Semi-Bold';fill:#ffffff;fill-opacity:0.72413791"
+       id="path4895" />
+    <path
+       d="m 104.18766,39.103143 c 0,-3.767594 -1.65245,-5.453097 -5.684435,-5.453097 -3.040515,0 -6.642863,0.859276 -6.642863,0.859276 l 0.132196,2.544778 c 0,0 3.998938,-0.33049 6.213225,-0.33049 1.619405,0 2.412587,0.561834 2.412587,2.379533 l 0,1.189766 -4.263335,0.36354 c -3.53625,0.297441 -5.453096,1.487208 -5.453096,4.990409 0,3.437103 1.652453,5.254802 4.924311,5.254802 2.676975,0 5.3209,-1.222816 5.3209,-1.222816 1.22282,0.958423 2.37953,1.222816 4.39553,1.222816 l 0.0991,-2.743073 c -0.95842,-0.132196 -1.38806,-0.528785 -1.45416,-1.520257 l 0,-7.535187 z m -3.56929,3.734544 0,4.395526 c 0,0 -2.214292,0.72708 -4.098089,0.72708 -1.388061,0 -2.015993,-0.925374 -2.015993,-2.412582 0,-1.487208 0.760128,-2.214288 2.280385,-2.346484 l 3.833697,-0.36354 z"
+       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:Titillium;-inkscape-font-specification:'Titillium Semi-Bold';fill:#ffffff;fill-opacity:0.72413791"
+       id="path4897" />
+    <path
+       d="m 112.28004,50.53812 0,-12.823038 c 0,0 1.8177,-0.859276 3.73454,-0.859276 2.51173,0 2.94137,1.619404 2.94137,4.924311 l 0,8.758003 3.5693,0 0,-8.85715 c 0,-5.420047 -1.12367,-8.030924 -5.71749,-8.030924 -2.14819,0 -4.56077,1.388061 -4.56077,1.388061 l 0,-1.024521 -3.5693,0 0,16.524534 3.60235,0 z"
+       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:Titillium;-inkscape-font-specification:'Titillium Semi-Bold';fill:#ffffff;fill-opacity:0.72413791"
+       id="path4899" />
+    <path
+       d="m 138.91501,39.103143 c 0,-3.767594 -1.65246,-5.453097 -5.68444,-5.453097 -3.04052,0 -6.64287,0.859276 -6.64287,0.859276 l 0.1322,2.544778 c 0,0 3.99894,-0.33049 6.21322,-0.33049 1.61941,0 2.41259,0.561834 2.41259,2.379533 l 0,1.189766 -4.26333,0.36354 c -3.53625,0.297441 -5.4531,1.487208 -5.4531,4.990409 0,3.437103 1.65245,5.254802 4.92431,5.254802 2.67698,0 5.3209,-1.222816 5.3209,-1.222816 1.22282,0.958423 2.37953,1.222816 4.39553,1.222816 l 0.0991,-2.743073 c -0.95842,-0.132196 -1.38806,-0.528785 -1.45415,-1.520257 l 0,-7.535187 z m -3.5693,3.734544 0,4.395526 c 0,0 -2.21429,0.72708 -4.09809,0.72708 -1.38806,0 -2.01599,-0.925374 -2.01599,-2.412582 0,-1.487208 0.76013,-2.214288 2.28038,-2.346484 l 3.8337,-0.36354 z"
+       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:Titillium;-inkscape-font-specification:'Titillium Semi-Bold';fill:#ffffff;fill-opacity:0.72413791"
+       id="path4901" />
+  </g>
+</svg>

From 0a1b5165d63283ca8e05640d9a376e9e0633bde5 Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Mon, 8 Feb 2016 16:50:23 -0700
Subject: [PATCH 047/181] Add padding around logo

---
 src/plugins/kibana/public/kibana.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/plugins/kibana/public/kibana.js b/src/plugins/kibana/public/kibana.js
index ada2082a54178..a061137ee6524 100644
--- a/src/plugins/kibana/public/kibana.js
+++ b/src/plugins/kibana/public/kibana.js
@@ -30,8 +30,8 @@ routes
 
 chrome
 .setBrand({
-  'logo': 'url(' + kibanaLogoUrl + ') center / 160px 70px no-repeat #e8488b',
-  'smallLogo': 'url(' + kibanaLogoUrl + ') center / 160px 70px no-repeat #e8488b'
+  'logo': 'url(' + kibanaLogoUrl + ') 6px 10px / 140px 50px no-repeat #e8488b',
+  'smallLogo': 'url(' + kibanaLogoUrl + ') 6px 10px / 140px 50px no-repeat #e8488b'
 })
 .setNavBackground('#222222')
 .setTabDefaults({

From 3abd1252fcc89a909d9b7dd58b91e8b03b9c19a0 Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Mon, 8 Feb 2016 16:50:54 -0700
Subject: [PATCH 048/181] Add drop shadow, hover effect, center icons
 vertically

---
 .../directives/app_switcher/app_switcher.html |  2 +-
 .../directives/app_switcher/app_switcher.less | 23 ++++++++++++++-----
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.html b/src/ui/public/chrome/directives/app_switcher/app_switcher.html
index 7613cb03142b4..5269163aacbe6 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.html
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.html
@@ -10,7 +10,7 @@
       data-test-subj="appLink">
 
       <div ng-if="link.icon" ng-style="{ 'background-image': 'url(../' + link.icon + ')' }" class="app-icon"></div>
-      <div ng-if="!link.icon" class="app-icon app-icon-missing">{{ link.title[0] }}</div>
+      <div ng-if="!link.icon" class="app-icon app-icon-missing"><span>{{ link.title[0] }}</span></div>
 
       <div class="app-title">{{ link.title }}</div>
     </a>
diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
index f6ad38223eda1..6a04a8ef0f15f 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -5,8 +5,9 @@
 @as-open-width: 170px;
 @as-closed-width: 53px;
 @app-icon-height: 30px;
-@transition-time: .65s;
-@transition-delay: .2s;
+@transition-time: .35s;
+@transition-delay: .1s;
+@app-links-wrapper-background: #3caed2;
 
 body { overflow-x: hidden; }
 
@@ -17,7 +18,7 @@ body { overflow-x: hidden; }
   top: 0;
   bottom: 0;
   z-index: 0;
-  background-color: #3caed2;
+  background-color: @app-links-wrapper-background;
   overflow: hidden;
   transition: width @transition-time;
   transition-delay: @transition-delay;
@@ -36,7 +37,7 @@ body { overflow-x: hidden; }
     width: @as-open-width;
     list-style-type: none;
     &.kibana {
-      background: url("~ui/images/kibana.svg") center / 160px 70px no-repeat #e8488b;
+      background: url("~ui/images/kibana.svg") 6px 10px / 140px 50px no-repeat #e8488b;
     }
   }
   .bottom-apps {
@@ -46,6 +47,7 @@ body { overflow-x: hidden; }
 }
 .app-wrapper {
   .real-flex-parent();
+  box-shadow: -4px 0px 3px rgba(0,0,0,0.2);
   position: absolute;
   transition: transform @transition-time;
   transition-delay: @transition-delay;
@@ -67,13 +69,20 @@ body { overflow-x: hidden; }
   .app-link {
     width: @as-open-width;
     height: @app-icon-height;
+    line-height:  @app-icon-height;
+
     > a {
       display: block;
       height: 100%;
       color: #fff;
     }
+
+    &:hover {
+      background-color: lighten(@app-links-wrapper-background, 7.5%);
+    }
     .app-icon {
       float: left;
+      font-weight: bold;
       text-align: center;
       font-size: 1.7em;
       display: inline-block;
@@ -81,6 +90,7 @@ body { overflow-x: hidden; }
       width: @as-closed-width;
       background-position: center;
       background-size: contain;
+      background-repeat: no-repeat;
       > i {
       }
     }
@@ -90,12 +100,13 @@ body { overflow-x: hidden; }
       display: inline-block;
       float: right;
       font-size: 0.9em;
-      text-align: center;
+      text-align: left;
+      padding-left: 3px;
       line-height: @app-icon-height;
     }
 
     &.active {
-      background-color: #73c6e0;
+      background-color: lighten(@app-links-wrapper-background, 10%);
       > a {
         color: #333;
         text-decoration: none;

From e106eb9382a128843842da31597f72d275fabe0a Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Mon, 8 Feb 2016 16:54:49 -0700
Subject: [PATCH 049/181] Move logo text up. Reduce width of sidebar to 160px

---
 .../directives/app_switcher/app_switcher.less |  2 +-
 src/ui/public/images/kibana.svg               | 35 +++++++++++--------
 2 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
index 6a04a8ef0f15f..48f6d4e515813 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -2,7 +2,7 @@
 @import (reference) "~ui/styles/variables";
 
 // as - App Switcher
-@as-open-width: 170px;
+@as-open-width: 160px;
 @as-closed-width: 53px;
 @app-icon-height: 30px;
 @transition-time: .35s;
diff --git a/src/ui/public/images/kibana.svg b/src/ui/public/images/kibana.svg
index 571e84de4855e..435adefaf46fc 100644
--- a/src/ui/public/images/kibana.svg
+++ b/src/ui/public/images/kibana.svg
@@ -73,31 +73,38 @@
      transform="translate(-408.94 -254.5)"
      id="path15" />
   <g
-     style="font-style:normal;font-weight:normal;font-size:33.04906845px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:0.72413791;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-     id="text4159">
+     style="font-style:normal;font-weight:normal;font-size:33.04906845px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:0.92528737;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     id="text4159"
+     transform="translate(0,-13.509761)">
     <path
        d="m 53.346838,50.53812 0,-6.74201 2.14819,-0.231343 4.031986,6.973353 4.065036,0 -5.023459,-8.791052 4.759066,-7.733482 -4.031986,0 -3.89979,6.444568 -2.049043,0.198295 0,-13.517069 -3.602348,0 0,23.39874 3.602348,0 z"
-       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:Titillium;-inkscape-font-specification:'Titillium Semi-Bold';fill:#ffffff;fill-opacity:0.72413791"
-       id="path4891" />
+       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:Titillium;-inkscape-font-specification:'Titillium Semi-Bold';fill:#ffffff;fill-opacity:0.92528737"
+       id="path4891"
+       inkscape:connector-curvature="0" />
     <path
        d="m 66.269024,50.53812 3.602349,0 0,-16.524534 -3.602349,0 0,16.524534 z m 0,-19.333705 3.602349,0 0,-3.800643 -3.602349,0 0,3.800643 z"
-       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:Titillium;-inkscape-font-specification:'Titillium Semi-Bold';fill:#ffffff;fill-opacity:0.72413791"
-       id="path4893" />
+       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:Titillium;-inkscape-font-specification:'Titillium Semi-Bold';fill:#ffffff;fill-opacity:0.92528737"
+       id="path4893"
+       inkscape:connector-curvature="0" />
     <path
        d="m 81.973529,33.650046 c -1.850747,0 -4.131133,0.991472 -4.131133,0.991472 l 0,-7.502138 -3.5693,0 0,23.365691 c 0,0 4.296379,0.396589 6.04798,0.396589 5.915783,0 8.063973,-2.015993 8.063973,-8.85715 0,-6.180176 -1.916846,-8.394464 -6.41152,-8.394464 z M 80.321076,47.6959 c -0.660981,0 -2.47868,-0.132196 -2.47868,-0.132196 l 0,-10.046917 c 0,0 1.949895,-0.660981 3.701495,-0.660981 2.214288,0 3.172711,1.454159 3.172711,5.188704 0,4.031986 -0.727079,5.65139 -4.395526,5.65139 z"
-       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:Titillium;-inkscape-font-specification:'Titillium Semi-Bold';fill:#ffffff;fill-opacity:0.72413791"
-       id="path4895" />
+       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:Titillium;-inkscape-font-specification:'Titillium Semi-Bold';fill:#ffffff;fill-opacity:0.92528737"
+       id="path4895"
+       inkscape:connector-curvature="0" />
     <path
        d="m 104.18766,39.103143 c 0,-3.767594 -1.65245,-5.453097 -5.684435,-5.453097 -3.040515,0 -6.642863,0.859276 -6.642863,0.859276 l 0.132196,2.544778 c 0,0 3.998938,-0.33049 6.213225,-0.33049 1.619405,0 2.412587,0.561834 2.412587,2.379533 l 0,1.189766 -4.263335,0.36354 c -3.53625,0.297441 -5.453096,1.487208 -5.453096,4.990409 0,3.437103 1.652453,5.254802 4.924311,5.254802 2.676975,0 5.3209,-1.222816 5.3209,-1.222816 1.22282,0.958423 2.37953,1.222816 4.39553,1.222816 l 0.0991,-2.743073 c -0.95842,-0.132196 -1.38806,-0.528785 -1.45416,-1.520257 l 0,-7.535187 z m -3.56929,3.734544 0,4.395526 c 0,0 -2.214292,0.72708 -4.098089,0.72708 -1.388061,0 -2.015993,-0.925374 -2.015993,-2.412582 0,-1.487208 0.760128,-2.214288 2.280385,-2.346484 l 3.833697,-0.36354 z"
-       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:Titillium;-inkscape-font-specification:'Titillium Semi-Bold';fill:#ffffff;fill-opacity:0.72413791"
-       id="path4897" />
+       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:Titillium;-inkscape-font-specification:'Titillium Semi-Bold';fill:#ffffff;fill-opacity:0.92528737"
+       id="path4897"
+       inkscape:connector-curvature="0" />
     <path
        d="m 112.28004,50.53812 0,-12.823038 c 0,0 1.8177,-0.859276 3.73454,-0.859276 2.51173,0 2.94137,1.619404 2.94137,4.924311 l 0,8.758003 3.5693,0 0,-8.85715 c 0,-5.420047 -1.12367,-8.030924 -5.71749,-8.030924 -2.14819,0 -4.56077,1.388061 -4.56077,1.388061 l 0,-1.024521 -3.5693,0 0,16.524534 3.60235,0 z"
-       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:Titillium;-inkscape-font-specification:'Titillium Semi-Bold';fill:#ffffff;fill-opacity:0.72413791"
-       id="path4899" />
+       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:Titillium;-inkscape-font-specification:'Titillium Semi-Bold';fill:#ffffff;fill-opacity:0.92528737"
+       id="path4899"
+       inkscape:connector-curvature="0" />
     <path
        d="m 138.91501,39.103143 c 0,-3.767594 -1.65246,-5.453097 -5.68444,-5.453097 -3.04052,0 -6.64287,0.859276 -6.64287,0.859276 l 0.1322,2.544778 c 0,0 3.99894,-0.33049 6.21322,-0.33049 1.61941,0 2.41259,0.561834 2.41259,2.379533 l 0,1.189766 -4.26333,0.36354 c -3.53625,0.297441 -5.4531,1.487208 -5.4531,4.990409 0,3.437103 1.65245,5.254802 4.92431,5.254802 2.67698,0 5.3209,-1.222816 5.3209,-1.222816 1.22282,0.958423 2.37953,1.222816 4.39553,1.222816 l 0.0991,-2.743073 c -0.95842,-0.132196 -1.38806,-0.528785 -1.45415,-1.520257 l 0,-7.535187 z m -3.5693,3.734544 0,4.395526 c 0,0 -2.21429,0.72708 -4.09809,0.72708 -1.38806,0 -2.01599,-0.925374 -2.01599,-2.412582 0,-1.487208 0.76013,-2.214288 2.28038,-2.346484 l 3.8337,-0.36354 z"
-       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:Titillium;-inkscape-font-specification:'Titillium Semi-Bold';fill:#ffffff;fill-opacity:0.72413791"
-       id="path4901" />
+       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:Titillium;-inkscape-font-specification:'Titillium Semi-Bold';fill:#ffffff;fill-opacity:0.92528737"
+       id="path4901"
+       inkscape:connector-curvature="0" />
   </g>
 </svg>

From d8312934f9b5077bb8c3c5a389229c15ab4effe9 Mon Sep 17 00:00:00 2001
From: Chris Cowan <chris@chriscowan.us>
Date: Mon, 8 Feb 2016 17:00:35 -0700
Subject: [PATCH 050/181] Adding svgs and CSS for nav

---
 src/plugins/kibana/index.js                   |  8 ++++----
 .../kibana/public/assets/dashboard.svg        |  4 ++++
 src/plugins/kibana/public/assets/discover.svg |  3 +++
 src/plugins/kibana/public/assets/logout.svg   |  3 +++
 src/plugins/kibana/public/assets/search.svg   |  4 ++++
 src/plugins/kibana/public/assets/settings.svg |  4 ++++
 .../kibana/public/assets/visualize.svg        |  3 +++
 .../directives/app_switcher/app_switcher.html |  4 ++--
 .../directives/app_switcher/app_switcher.less | 20 ++++++++++++++++---
 9 files changed, 44 insertions(+), 9 deletions(-)
 create mode 100755 src/plugins/kibana/public/assets/dashboard.svg
 create mode 100755 src/plugins/kibana/public/assets/discover.svg
 create mode 100755 src/plugins/kibana/public/assets/logout.svg
 create mode 100755 src/plugins/kibana/public/assets/search.svg
 create mode 100755 src/plugins/kibana/public/assets/settings.svg
 create mode 100755 src/plugins/kibana/public/assets/visualize.svg

diff --git a/src/plugins/kibana/index.js b/src/plugins/kibana/index.js
index c5b6578b61072..789f2212c7d8a 100644
--- a/src/plugins/kibana/index.js
+++ b/src/plugins/kibana/index.js
@@ -40,28 +40,28 @@ module.exports = function (kibana) {
           order: -1003,
           url: '/app/kibana#/discover',
           description: 'interactively explore your data',
-          icon: 'plugins/kibana/settings/sections/about/barcode.svg',
+          icon: 'plugins/kibana/assets/discover.svg',
         },
         {
           title: 'Visualize',
           order: -1002,
           url: '/app/kibana#/visualize',
           description: 'design data visualizations',
-          icon: 'plugins/kibana/settings/sections/about/barcode.svg',
+          icon: 'plugins/kibana/assets/visualize.svg',
         },
         {
           title: 'Dashboard',
           order: -1001,
           url: '/app/kibana#/dashboard',
           description: 'compose visualizations for much win',
-          icon: 'plugins/kibana/settings/sections/about/barcode.svg',
+          icon: 'plugins/kibana/assets/dashboard.svg',
         },
         {
           title: 'Settings',
           order: 1000,
           url: '/app/kibana#/settings',
           description: 'define index patterns, change config, and more',
-          icon: 'plugins/kibana/settings/sections/about/barcode.svg',
+          icon: 'plugins/kibana/assets/settings.svg',
         }
       ]
     },
diff --git a/src/plugins/kibana/public/assets/dashboard.svg b/src/plugins/kibana/public/assets/dashboard.svg
new file mode 100755
index 0000000000000..083918d1c51b0
--- /dev/null
+++ b/src/plugins/kibana/public/assets/dashboard.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8">
+  <path d="M4 0c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zm0 1c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 1c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm-1.66 1a.5.5 0 0 0-.19.84l.91.91c-.02.08-.06.16-.06.25 0 .55.45 1 1 1s1-.45 1-1-.45-1-1-1c-.09 0-.17.04-.25.06l-.91-.91a.5.5 0 0 0-.44-.16.5.5 0 0 0-.06 0zm3.16 0c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5z"
+  />
+</svg>
\ No newline at end of file
diff --git a/src/plugins/kibana/public/assets/discover.svg b/src/plugins/kibana/public/assets/discover.svg
new file mode 100755
index 0000000000000..7b923b7c8aad2
--- /dev/null
+++ b/src/plugins/kibana/public/assets/discover.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8">
+  <path d="M4 0c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zm0 1c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm2 1l-3 1-1 3 3-1 1-3zm-2 1.5c.28 0 .5.22.5.5s-.22.5-.5.5-.5-.22-.5-.5.22-.5.5-.5z" />
+</svg>
\ No newline at end of file
diff --git a/src/plugins/kibana/public/assets/logout.svg b/src/plugins/kibana/public/assets/logout.svg
new file mode 100755
index 0000000000000..123ceceaef10e
--- /dev/null
+++ b/src/plugins/kibana/public/assets/logout.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8">
+  <path d="M3 0v1h4v5h-4v1h5v-7h-5zm-1 2l-2 1.5 2 1.5v-1h4v-1h-4v-1z" />
+</svg>
\ No newline at end of file
diff --git a/src/plugins/kibana/public/assets/search.svg b/src/plugins/kibana/public/assets/search.svg
new file mode 100755
index 0000000000000..1e4ffb6c1b4fc
--- /dev/null
+++ b/src/plugins/kibana/public/assets/search.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8">
+  <path d="M3.5 0c-1.93 0-3.5 1.57-3.5 3.5s1.57 3.5 3.5 3.5c.59 0 1.17-.14 1.66-.41a1 1 0 0 0 .13.13l1 1a1.02 1.02 0 1 0 1.44-1.44l-1-1a1 1 0 0 0-.16-.13c.27-.49.44-1.06.44-1.66 0-1.93-1.57-3.5-3.5-3.5zm0 1c1.39 0 2.5 1.11 2.5 2.5 0 .66-.24 1.27-.66 1.72-.01.01-.02.02-.03.03a1 1 0 0 0-.13.13c-.44.4-1.04.63-1.69.63-1.39 0-2.5-1.11-2.5-2.5s1.11-2.5 2.5-2.5z"
+  />
+</svg>
\ No newline at end of file
diff --git a/src/plugins/kibana/public/assets/settings.svg b/src/plugins/kibana/public/assets/settings.svg
new file mode 100755
index 0000000000000..7bbbce4ac0874
--- /dev/null
+++ b/src/plugins/kibana/public/assets/settings.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8">
+  <path d="M3.5 0l-.5 1.19c-.1.03-.19.08-.28.13l-1.19-.5-.72.72.5 1.19c-.05.1-.09.18-.13.28l-1.19.5v1l1.19.5c.04.1.08.18.13.28l-.5 1.19.72.72 1.19-.5c.09.04.18.09.28.13l.5 1.19h1l.5-1.19c.09-.04.19-.08.28-.13l1.19.5.72-.72-.5-1.19c.04-.09.09-.19.13-.28l1.19-.5v-1l-1.19-.5c-.03-.09-.08-.19-.13-.28l.5-1.19-.72-.72-1.19.5c-.09-.04-.19-.09-.28-.13l-.5-1.19h-1zm.5 2.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5z"
+  />
+</svg>
\ No newline at end of file
diff --git a/src/plugins/kibana/public/assets/visualize.svg b/src/plugins/kibana/public/assets/visualize.svg
new file mode 100755
index 0000000000000..a1cde5a166481
--- /dev/null
+++ b/src/plugins/kibana/public/assets/visualize.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8">
+  <path d="M0 0v7h8v-1h-7v-6h-1zm5 0v5h2v-5h-2zm-3 2v3h2v-3h-2z" />
+</svg>
\ No newline at end of file
diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.html b/src/ui/public/chrome/directives/app_switcher/app_switcher.html
index 89ae849628bc3..1d9c625a3ecc2 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.html
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.html
@@ -9,8 +9,8 @@
       ng-href="{{ link.active ? link.url : (link.lastSubUrl || link.url) }}"
       data-test-subj="appLink">
 
-      <div ng-if="link.icon" ng-style="{ 'background-image': 'url(../' + link.icon + ')' }" class="app-icon"></div>
-      <div ng-if="!link.icon" class="app-icon app-icon-missing">{{ link.title[0] }}</div>
+      <div ng-if="link.icon" ng-style="{ 'mask-image': 'url(../' + link.icon + ')' }" class="app-icon"></div>
+      <div ng-if="!link.icon" class="app-icon-missing">{{ link.title[0] }}</div>
 
       <div class="app-title">{{ link.title }}</div>
     </a>
diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
index f6ad38223eda1..5ab1b3a6463f2 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -79,18 +79,32 @@ body { overflow-x: hidden; }
       display: inline-block;
       height: @app-icon-height;
       width: @as-closed-width;
-      background-position: center;
-      background-size: contain;
+      background-color: @white;
+      mask-position: center;
+      mask-size: 60% 60%;
+      mask-repeat: no-repeat;
       > i {
       }
     }
 
+    .app-icon-missing {
+      float: left;
+      text-align: center;
+      font-size: 1.7em;
+      display: inline-block;
+      height: @app-icon-height;
+      width: @as-closed-width;
+      background-position: center;
+      background-size: contain;
+      background-repeat: no-repeat;
+    }
+
     .app-title {
       width: calc(@as-open-width - @as-closed-width);
       display: inline-block;
       float: right;
       font-size: 0.9em;
-      text-align: center;
+      text-align: left;
       line-height: @app-icon-height;
     }
 

From 5af369637112cfb4e4884a278c5f18a11dca6210 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Mon, 8 Feb 2016 16:11:46 -0800
Subject: [PATCH 051/181] adding inline styles to line up with spec

---
 .../kibana/public/visualize/wizard/step_2.html     | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/wizard/step_2.html b/src/plugins/kibana/public/visualize/wizard/step_2.html
index 89201ca16ea4e..4d7e61e14725f 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_2.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_2.html
@@ -1,9 +1,11 @@
 <h2>Create New Visualization: Select Source</h2>
 <ul class="list-group list-group-menu">
-  <li class="list-group-item" style="border: none; background-color: #F6F6F6; border-radius: 0;">
+  <li class="list-group-item" style="border: none; background-color: #F6F6F6; border-radius: 0; padding-left: 5px;">
     <!-- Index patterns -->
-    From a New Search
-    <div class="form-group">
+    <div style="padding-left: 5px;">
+      <label>From a New Search</label>
+    </div>
+    <div class="form-group" style="padding-left: 5px;">
       <select class="form-control"
               ng-model="indexPattern.selection"
               ng-options="pattern as pattern for pattern in indexPattern.list | orderBy:'toString()'">
@@ -11,10 +13,10 @@ <h2>Create New Visualization: Select Source</h2>
       </select>
     </div>
   </li>
-  <li class="list-group-item" style="border: none; background-color: #F6F6F6; border-radius: 0;">
+  <li class="list-group-item" style="border: none; background-color: #F6F6F6; border-radius: 0; padding: 0;">
     <!-- Saved searches -->
-    <div>
-      <label>Or, From a Saved Search<label>
+    <div style="padding-left: 10px;">
+      <label style="margin-bottom: 0;">Or, From a Saved Search<label>
     </div>
     <saved-object-finder
             title="Saved Searches"

From 31a2f5cfdd81e17e1441feb1ee2921b40b4d9604 Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Tue, 9 Feb 2016 08:41:16 -0400
Subject: [PATCH 052/181] [Dashboard] Started the redesign for the 5.0. Made
 the background white, made the controls appear on hover

---
 .../dashboard/components/panel/panel.html     |  6 ------
 .../kibana/public/dashboard/styles/main.less  | 20 ++++++++++++++++++-
 src/ui/public/styles/base.less                |  5 ++---
 src/ui/public/styles/variables/for-theme.less |  4 ++--
 4 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/src/plugins/kibana/public/dashboard/components/panel/panel.html b/src/plugins/kibana/public/dashboard/components/panel/panel.html
index d44a3fd6241b8..2b99f20d608e2 100644
--- a/src/plugins/kibana/public/dashboard/components/panel/panel.html
+++ b/src/plugins/kibana/public/dashboard/components/panel/panel.html
@@ -1,12 +1,6 @@
 <div class="panel panel-default" ng-switch on="panel.type" ng-if="savedObj || error">
   <div class="panel-heading">
     <span class="panel-title" title="{{::savedObj.title}}">
-      <i
-        class="fa"
-        ng-class="savedObj.vis.type.icon"
-        aria-label="{{::savedObj.vis.type.title}} Icon"
-        title="{{::savedObj.vis.type.title}}">
-      </i>
       {{::savedObj.title}}
     </span>
     <div class="btn-group">
diff --git a/src/plugins/kibana/public/dashboard/styles/main.less b/src/plugins/kibana/public/dashboard/styles/main.less
index c55428e6e0091..8764078b126aa 100644
--- a/src/plugins/kibana/public/dashboard/styles/main.less
+++ b/src/plugins/kibana/public/dashboard/styles/main.less
@@ -55,6 +55,8 @@ dashboard-grid {
       display: flex;
       flex-direction: column;
       justify-content: flex-start;
+      border: none 0 transparent;
+
 
       .panel-heading {
         flex: 0 0 auto;
@@ -62,8 +64,11 @@ dashboard-grid {
         display: flex;
         border-top-right-radius: 0;
         border-top-left-radius: 0;
+        background-color: #fff;
+        border: none 0 transparent;
 
-        div.btn-group {
+        .btn-group {
+          display: none;
           white-space: nowrap;
           flex: 0 0 auto;
         }
@@ -96,6 +101,19 @@ dashboard-grid {
         }
       }
 
+      .visualize-show-spy {
+        visibility: hidden;
+      }
+
+      &:hover {
+        .visualize-show-spy {
+          visibility: visible;
+        }
+        .btn-group {
+          display: block;
+        }
+      }
+
       .load-error {
         text-align: center;
         font-size: 1em;
diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
index 493592cc62995..fcd13c97c8620 100644
--- a/src/ui/public/styles/base.less
+++ b/src/ui/public/styles/base.less
@@ -5,9 +5,8 @@
 
 html,
 body {
-  .flex-parent();
-  height: 100%;
-  margin: 0px;
+  min-height: 100%;
+  margin: 0;
 }
 
 label > small {
diff --git a/src/ui/public/styles/variables/for-theme.less b/src/ui/public/styles/variables/for-theme.less
index e3eb53f5c0bce..b3a6ae4fc06ba 100644
--- a/src/ui/public/styles/variables/for-theme.less
+++ b/src/ui/public/styles/variables/for-theme.less
@@ -76,8 +76,8 @@
 
 
 // Dashboard ===================================================================
-@dashboard-bg: @gray-lighter;
-@dashboard-panel-bg: @panel-bg;
+@dashboard-bg: #fff;
+@dashboard-panel-bg: #fff;
 @dashboard-panel-color: @text-color;
 @dashboard-panel-heading-link-color: @text-color;
 @dashboard-panel-heading-link-hover-color: @link-hover-color;

From c2b786ee3375fd1bd0321adfb8088824a9d05ab6 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Tue, 9 Feb 2016 09:32:23 -0600
Subject: [PATCH 053/181] [bootstrap] Change well color

---
 src/ui/public/styles/variables/bootstrap-mods.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/public/styles/variables/bootstrap-mods.less b/src/ui/public/styles/variables/bootstrap-mods.less
index d8e0d861ad2b9..c4a20fc367234 100644
--- a/src/ui/public/styles/variables/bootstrap-mods.less
+++ b/src/ui/public/styles/variables/bootstrap-mods.less
@@ -708,7 +708,7 @@
 //
 //##
 
-@well-bg:                               @gray-lighter;
+@well-bg:                               @kibanaGray6;
 @well-border:                           transparent;
 
 

From 3100a2ff2eb905c2b282213166182c4b3c2c0c1e Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Tue, 9 Feb 2016 09:18:54 -0700
Subject: [PATCH 054/181] Add flex container inside app-wrapper, attach shadow
 to that

---
 src/ui/public/chrome/chrome.html              | 82 ++++++++++---------
 .../directives/app_switcher/app_switcher.less |  6 +-
 2 files changed, 47 insertions(+), 41 deletions(-)

diff --git a/src/ui/public/chrome/chrome.html b/src/ui/public/chrome/chrome.html
index f3c9ff4e06682..a1a2364f80be1 100644
--- a/src/ui/public/chrome/chrome.html
+++ b/src/ui/public/chrome/chrome.html
@@ -43,51 +43,53 @@
   </nav>
 
   <div class="app-wrapper">
-    <kbn-notifications list="notifList"></kbn-notifications>
-    <nav
-      ng-style="::{ background: chrome.getNavBackground() }"
-      ng-class="{ show: chrome.getVisible() }"
-      class="hide navbar navbar-inverse navbar-static-top">
+    <div class="app-wrapper-panel">
+      <kbn-notifications list="notifList"></kbn-notifications>
+      <nav
+        ng-style="::{ background: chrome.getNavBackground() }"
+        ng-class="{ show: chrome.getVisible() }"
+        class="hide navbar navbar-inverse navbar-static-top">
 
-      <!-- Mobile navbar -->
-      <div class="navbar-header">
-        <button ng-click="showCollapsed = !showCollapsed" type="button" class="navbar-toggle">
-          <span class="sr-only">Toggle navigation</span>
-          <span class="icon-bar"></span>
-          <span class="icon-bar"></span>
-          <span class="icon-bar"></span>
-        </button>
-        <span class="visible-xs">
-          <span ng-if="chrome.getBrand('title')" class="navbar-brand">{{ chrome.getBrand('title') }}</span>
-          <span ng-if="chrome.getActiveTabTitle()" class="navbar-brand">{{ chrome.getActiveTabTitle() }}</span>
-          <span ng-show="chrome.httpActive.length" class="spinner"></span>
-        </span>
-      </div>
-      <!-- /Mobile navbar -->
+        <!-- Mobile navbar -->
+        <div class="navbar-header">
+          <button ng-click="showCollapsed = !showCollapsed" type="button" class="navbar-toggle">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <span class="visible-xs">
+            <span ng-if="chrome.getBrand('title')" class="navbar-brand">{{ chrome.getBrand('title') }}</span>
+            <span ng-if="chrome.getActiveTabTitle()" class="navbar-brand">{{ chrome.getActiveTabTitle() }}</span>
+            <span ng-show="chrome.httpActive.length" class="spinner"></span>
+          </span>
+        </div>
+        <!-- /Mobile navbar -->
 
-      <!-- Full navbar -->
-      <div collapse="!showCollapsed" class="navbar-collapse" kbn-chrome-append-nav-controls>
-        <ul class="nav navbar-nav" role="navigation">
+        <!-- Full navbar -->
+        <div collapse="!showCollapsed" class="navbar-collapse" kbn-chrome-append-nav-controls>
+          <ul class="nav navbar-nav" role="navigation">
 
-          <li ng-if="chrome.getBrand('title')" class="navbar-brand">{{ chrome.getBrand('title') }}</li>
+            <li ng-if="chrome.getBrand('title')" class="navbar-brand">{{ chrome.getBrand('title') }}</li>
 
-          <li ng-repeat="tab in chrome.getTabs()" ng-class="{ active: tab.active }">
-            <a ng-href="{{ tab.href() }}" ng-style="{ 'border-bottom-color': tab.activeIndicatorColor }">
-              {{ tab.title }}
-            </a>
-          </li>
-        </ul>
-      </div>
-      <!-- /Full navbar -->
-    </nav>
+            <li ng-repeat="tab in chrome.getTabs()" ng-class="{ active: tab.active }">
+              <a ng-href="{{ tab.href() }}" ng-style="{ 'border-bottom-color': tab.activeIndicatorColor }">
+                {{ tab.title }}
+              </a>
+            </li>
+          </ul>
+        </div>
+        <!-- /Full navbar -->
+      </nav>
 
-    <config
-      ng-show="timefilter.enabled"
-      config-template="pickerTemplate"
-      config-object="timefilter"
-      config-close="pickerTemplate.close">
-    </config>
+      <config
+        ng-show="timefilter.enabled"
+        config-template="pickerTemplate"
+        config-object="timefilter"
+        config-close="pickerTemplate.close">
+      </config>
 
-    <div class="application" ng-class="'tab-' + chrome.getActiveTabId('-none-') + ' ' + chrome.getApplicationClasses()" ng-view></div>
+      <div class="application" ng-class="'tab-' + chrome.getActiveTabId('-none-') + ' ' + chrome.getApplicationClasses()" ng-view></div>
+    </div>
   </div>
 </div>
diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
index d178bf48174a1..13db3bcd43c97 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -47,7 +47,6 @@ body { overflow-x: hidden; }
 }
 .app-wrapper {
   .real-flex-parent();
-  box-shadow: -4px 0px 3px rgba(0,0,0,0.2);
   position: absolute;
   transition: transform @transition-time;
   transition-delay: @transition-delay;
@@ -59,6 +58,11 @@ body { overflow-x: hidden; }
   margin: 0 auto;
   background-color: #fff;
 
+  &-panel {
+    .flex-parent(@shrink: 0);
+    box-shadow: -4px 0px 3px rgba(0,0,0,0.2);
+  }
+
   .navbar-right {
     margin-right: 0;
   }

From e7c98c07db64fec740aac291e24f22e3f9da075b Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Tue, 9 Feb 2016 10:09:13 -0700
Subject: [PATCH 055/181] Fix icons in firefox

---
 .../directives/app_switcher/app_switcher.html       |  2 +-
 .../directives/app_switcher/app_switcher.less       | 13 +++++++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.html b/src/ui/public/chrome/directives/app_switcher/app_switcher.html
index 1d9c625a3ecc2..382e35b8a4023 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.html
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.html
@@ -9,7 +9,7 @@
       ng-href="{{ link.active ? link.url : (link.lastSubUrl || link.url) }}"
       data-test-subj="appLink">
 
-      <div ng-if="link.icon" ng-style="{ 'mask-image': 'url(../' + link.icon + ')' }" class="app-icon"></div>
+      <div ng-if="link.icon" class="app-icon"><img ng-src="{{'../' + link.icon}}"></div>
       <div ng-if="!link.icon" class="app-icon-missing">{{ link.title[0] }}</div>
 
       <div class="app-title">{{ link.title }}</div>
diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
index 13db3bcd43c97..643ef969c7418 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -84,20 +84,22 @@ body { overflow-x: hidden; }
     &:hover {
       background-color: lighten(@app-links-wrapper-background, 7.5%);
     }
+    
     .app-icon {
       float: left;
+      filter: invert(100%);
       font-weight: bold;
       text-align: center;
       font-size: 1.7em;
       display: inline-block;
       height: @app-icon-height;
       width: @as-closed-width;
-      background-color: @white;
-      mask-position: center;
-      mask-size: 60% 60%;
-      mask-repeat: no-repeat;
       > i {
       }
+
+      > img {
+        height: 20px;
+      }
     }
 
     .app-icon-missing {
@@ -128,6 +130,9 @@ body { overflow-x: hidden; }
         color: #333;
         text-decoration: none;
       }
+      img {
+        filter: invert(100%);
+      }
     }
 
   }

From d920095f40ffed8de2e9d2321289dba35042ef8a Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Tue, 9 Feb 2016 09:24:13 -0800
Subject: [PATCH 056/181] adding background color to pagination numbers

---
 src/ui/public/paginated_table/paginated_table.html | 1 -
 src/ui/public/partials/saved_object_finder.html    | 4 ++--
 src/ui/public/styles/pagination.less               | 2 ++
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/ui/public/paginated_table/paginated_table.html b/src/ui/public/paginated_table/paginated_table.html
index 5a722e7d30701..d40155c0d1578 100644
--- a/src/ui/public/paginated_table/paginated_table.html
+++ b/src/ui/public/paginated_table/paginated_table.html
@@ -33,5 +33,4 @@
   <!-- auto-inserted by the paginate directive... -->
   <!-- <paginate-controls></paginate-controls> -->
   <div class="pagination-container" ng-transclude></div>
-
 </paginate>
diff --git a/src/ui/public/partials/saved_object_finder.html b/src/ui/public/partials/saved_object_finder.html
index 26c28b1b581f2..2e7e7e621200b 100644
--- a/src/ui/public/partials/saved_object_finder.html
+++ b/src/ui/public/partials/saved_object_finder.html
@@ -24,7 +24,7 @@
   </div>
 </form>
 
-<paginate list="finder.hits" per-page="25" style="padding-bottom: 1px; background-color: #f6f6f6;">
+<paginate list="finder.hits" per-page="20" style="padding-bottom: 1px; background-color: #f6f6f6;">
   <table class="list-group list-group-menu table table-striped"
     ng-class="{'select-mode': finder.selector.enabled}">
 
@@ -44,7 +44,7 @@
           ng-repeat="hit in page"
           ng-keydown="finder.hitKeyDown($event, page, paginate)"
           ng-click="finder.onChoose(hit, $event)">
-        <th ng-show="finder.properties.noun === 'Visualization'" 
+        <th ng-show="finder.properties.noun === 'Visualization'"
             class="first-cell col-md-1" scope="row">
           <a ng-href="{{finder.makeUrl(hit)}}"
             ng-blur="finder.hitBlur($event)"
diff --git a/src/ui/public/styles/pagination.less b/src/ui/public/styles/pagination.less
index c669e95eaca21..bded42cb31b58 100644
--- a/src/ui/public/styles/pagination.less
+++ b/src/ui/public/styles/pagination.less
@@ -29,6 +29,8 @@ paginate {
 
           a {
             text-decoration: none;
+            background-color: #ffffff;
+            margin-left: 2px;
           }
 
           a:hover {

From 8f9d8b367c1c05fe50fc93d379f7a4864ef210b3 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Tue, 9 Feb 2016 13:12:04 -0800
Subject: [PATCH 057/181] css changes to the legend

---
 src/ui/public/vislib/styles/_legend.less      | 13 ++++---------
 src/ui/public/visualize/visualize_legend.html |  9 ++++++---
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/ui/public/vislib/styles/_legend.less b/src/ui/public/vislib/styles/_legend.less
index 0be44579421d8..457d7a24a6fe9 100644
--- a/src/ui/public/vislib/styles/_legend.less
+++ b/src/ui/public/vislib/styles/_legend.less
@@ -8,7 +8,6 @@ visualize-legend {
 
 .legend-col-wrapper {
   .flex-parent(0, 0, auto);
-  flex-direction: row;
   z-index: 10;
   min-height: 0;
   overflow: hidden;
@@ -24,11 +23,9 @@ visualize-legend {
       background-color: @sidebar-hover-bg;
     }
 
-    background-color: @sidebar-bg;
-    font-size: 10px;
-    height: 30px;
-    padding: 8px 3px;
-    border-bottom-left-radius: @border-radius-small;
+    padding-left: 5px;
+    padding-right: 5px;
+    font-size: 14px;
   }
 
   .column-labels {
@@ -36,7 +33,6 @@ visualize-legend {
   }
 
   .legend-ul {
-    border-left: 1px solid @sidebar-bg;
     width: 150px;
     flex: 1 1 auto;
     overflow-x: hidden;
@@ -44,6 +40,7 @@ visualize-legend {
     color: @legend-item-color;
     list-style-type: none;
     padding: 0;
+    padding-top: 10px;
     margin-bottom: 0;
     visibility: visible;
     min-height: 0;
@@ -116,5 +113,3 @@ visualize-legend {
 .legend-value:hover {
   cursor: pointer;
 }
-
-
diff --git a/src/ui/public/visualize/visualize_legend.html b/src/ui/public/visualize/visualize_legend.html
index 568541d530afc..ed417d55e9d3b 100644
--- a/src/ui/public/visualize/visualize_legend.html
+++ b/src/ui/public/visualize/visualize_legend.html
@@ -1,6 +1,9 @@
 <div class="legend-col-wrapper" ng-if="labels.length">
-  <div ng-click="toggleLegend()" class="legend-toggle">
-    <i class="fa" ng-class="open ? 'fa-chevron-right' : 'fa-chevron-left'"></i>
+  <div style="display: flex; flex-direction: row">
+    <span>Legend</span>
+    <div ng-click="toggleLegend()" class="legend-toggle">
+      <i class="fa" ng-class="open ? 'fa-chevron-circle-right' : 'fa-chevron-circle-left'"></i>
+    </div>
   </div>
   <ul class="legend-ul" ng-show="open">
 
@@ -38,4 +41,4 @@
 
     </li>
   </ul>
-</div>
\ No newline at end of file
+</div>

From 4dbba2f06dda4662eccf72d1867cc725057e3857 Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Tue, 9 Feb 2016 17:32:57 -0400
Subject: [PATCH 058/181] [Icons] vertically aligned the icons

---
 src/ui/public/chrome/directives/app_switcher/app_switcher.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
index 643ef969c7418..5fdc202796f16 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -73,7 +73,7 @@ body { overflow-x: hidden; }
   .app-link {
     width: @as-open-width;
     height: @app-icon-height;
-    line-height:  @app-icon-height;
+    line-height:  24px;
 
     > a {
       display: block;

From 5b1576f0fcca59746aad73c70a81cb16aa433e3f Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Tue, 9 Feb 2016 17:41:28 -0400
Subject: [PATCH 059/181] [Tests] Updated the tests with thte proper selector

---
 test/support/pages/common.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/test/support/pages/common.js b/test/support/pages/common.js
index c246031a45437..c68b1a4131b68 100644
--- a/test/support/pages/common.js
+++ b/test/support/pages/common.js
@@ -154,11 +154,11 @@ define(function (require) {
       var self = this;
 
       return self.remote.setFindTimeout(defaultTimeout)
-      .findByCssSelector('.app-wrapper > .application')
+      .findByCssSelector('.app-wrapper .application')
       .then(function () {
         return self.runScript(function () {
           var $ = window.$;
-          var $scope = $('.app-wrapper > .application').scope();
+          var $scope = $('.app-wrapper .application').scope();
           return $scope ? $scope.chrome.getApp() : {};
         });
       });

From 6afcb8c1f2d9aa0322ab6d610ddd025b169c9e87 Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Tue, 9 Feb 2016 21:21:17 -0400
Subject: [PATCH 060/181] [AppSwitcher] expanded the less so it's more
 understandable

---
 .../public/chrome/directives/app_switcher/app_switcher.less | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
index 5fdc202796f16..2d2ac5564f04c 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -37,7 +37,11 @@ body { overflow-x: hidden; }
     width: @as-open-width;
     list-style-type: none;
     &.kibana {
-      background: url("~ui/images/kibana.svg") 6px 10px / 140px 50px no-repeat #e8488b;
+      background-image: url("~ui/images/kibana.svg");
+      background-position: 6px 10px;
+      background-size: 140px 50px;
+      background-repeat: no-repeat;
+      background-color: #e8488b;
     }
   }
   .bottom-apps {

From 1832f2f22337b8f0d1020f0584f20378ca376277 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Tue, 9 Feb 2016 17:26:40 -0800
Subject: [PATCH 061/181] adding text color to select text

---
 src/plugins/kibana/public/visualize/styles/main.less   | 4 ++++
 src/plugins/kibana/public/visualize/wizard/step_1.html | 6 +++++-
 src/plugins/kibana/public/visualize/wizard/step_2.html | 2 +-
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/styles/main.less b/src/plugins/kibana/public/visualize/styles/main.less
index a43fe191f5fcd..78a941197633f 100644
--- a/src/plugins/kibana/public/visualize/styles/main.less
+++ b/src/plugins/kibana/public/visualize/styles/main.less
@@ -2,6 +2,10 @@
 @import (reference) "~bootstrap/less/list-group";
 @import (reference) "~ui/styles/list-group-menu";
 
+.form-text {
+  color: #328CAA;
+}
+
 .link-color {
   color: @kibanaBlue2;
 }
diff --git a/src/plugins/kibana/public/visualize/wizard/step_1.html b/src/plugins/kibana/public/visualize/wizard/step_1.html
index 2260212022358..af4be2f710694 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_1.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_1.html
@@ -19,7 +19,11 @@ <h4>{{type.title}}</h4>
 
     <div class="wizard-vis-column">
       <h3>Or, Open a Saved Visualization</h3>
-      <saved-object-finder title="Saved Visualizations" type="visualizations" style="flex: 1; background-color: #f6f6f6;"></saved-object-finder>
+      <saved-object-finder
+        title="Saved Visualizations"
+        type="visualizations"
+        style="flex: 1; background-color: #f6f6f6;">
+      </saved-object-finder>
     </div>
   </div>
 </div>
diff --git a/src/plugins/kibana/public/visualize/wizard/step_2.html b/src/plugins/kibana/public/visualize/wizard/step_2.html
index 4d7e61e14725f..f135e409bb7e0 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_2.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_2.html
@@ -6,7 +6,7 @@ <h2>Create New Visualization: Select Source</h2>
       <label>From a New Search</label>
     </div>
     <div class="form-group" style="padding-left: 5px;">
-      <select class="form-control"
+      <select class="form-text form-control"
               ng-model="indexPattern.selection"
               ng-options="pattern as pattern for pattern in indexPattern.list | orderBy:'toString()'">
         <option value="">Select an index pattern...</option>

From ace35c328ef059275609db0004b2f7a550a0a3a6 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Tue, 9 Feb 2016 22:09:28 -0800
Subject: [PATCH 062/181] removing inline styles

---
 .../kibana/public/visualize/styles/main.less  | 36 +++++++++++++++++++
 .../public/visualize/wizard/step_1.html       |  2 +-
 .../public/visualize/wizard/step_2.html       | 12 +++----
 .../public/partials/saved_object_finder.html  |  2 +-
 4 files changed, 44 insertions(+), 8 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/styles/main.less b/src/plugins/kibana/public/visualize/styles/main.less
index 78a941197633f..bca0180e4b9bc 100644
--- a/src/plugins/kibana/public/visualize/styles/main.less
+++ b/src/plugins/kibana/public/visualize/styles/main.less
@@ -2,6 +2,42 @@
 @import (reference) "~bootstrap/less/list-group";
 @import (reference) "~ui/styles/list-group-menu";
 
+.step-1-wizard {
+  flex: 1;
+  background-color: #f6f6f6;
+}
+
+.step-2-list {
+  border: none;
+  background-color: #F6F6F6;
+  border-radius: 0;
+  padding-left: 5px;
+}
+
+.search-label {
+  padding-left: 5px;
+}
+
+.list-search-item {
+  border: none;
+  background-color: #F6F6F6;
+  border-radius: 0;
+  padding: 0;
+}
+
+.saved-search-label {
+  padding-left: 10px;
+
+  label {
+    margin-bottom: 0;
+  }
+}
+
+.paginate-style {
+  padding-bottom: 1px;
+  background-color: #f6f6f6;
+}
+
 .form-text {
   color: #328CAA;
 }
diff --git a/src/plugins/kibana/public/visualize/wizard/step_1.html b/src/plugins/kibana/public/visualize/wizard/step_1.html
index af4be2f710694..9647603408c3e 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_1.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_1.html
@@ -22,7 +22,7 @@ <h3>Or, Open a Saved Visualization</h3>
       <saved-object-finder
         title="Saved Visualizations"
         type="visualizations"
-        style="flex: 1; background-color: #f6f6f6;">
+        class="step-1-wizard"
       </saved-object-finder>
     </div>
   </div>
diff --git a/src/plugins/kibana/public/visualize/wizard/step_2.html b/src/plugins/kibana/public/visualize/wizard/step_2.html
index f135e409bb7e0..05ce1e1742a34 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_2.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_2.html
@@ -1,11 +1,11 @@
 <h2>Create New Visualization: Select Source</h2>
 <ul class="list-group list-group-menu">
-  <li class="list-group-item" style="border: none; background-color: #F6F6F6; border-radius: 0; padding-left: 5px;">
+  <li class="step-2-list list-group-item">
     <!-- Index patterns -->
-    <div style="padding-left: 5px;">
+    <div class="search-padding">
       <label>From a New Search</label>
     </div>
-    <div class="form-group" style="padding-left: 5px;">
+    <div class="search-padding form-group">
       <select class="form-text form-control"
               ng-model="indexPattern.selection"
               ng-options="pattern as pattern for pattern in indexPattern.list | orderBy:'toString()'">
@@ -13,10 +13,10 @@ <h2>Create New Visualization: Select Source</h2>
       </select>
     </div>
   </li>
-  <li class="list-group-item" style="border: none; background-color: #F6F6F6; border-radius: 0; padding: 0;">
+  <li class="list-search-item list-group-item">
     <!-- Saved searches -->
-    <div style="padding-left: 10px;">
-      <label style="margin-bottom: 0;">Or, From a Saved Search<label>
+    <div class="saved-search-label" >
+      <label>Or, From a Saved Search<label>
     </div>
     <saved-object-finder
             title="Saved Searches"
diff --git a/src/ui/public/partials/saved_object_finder.html b/src/ui/public/partials/saved_object_finder.html
index 2e7e7e621200b..d6cc0367a9a76 100644
--- a/src/ui/public/partials/saved_object_finder.html
+++ b/src/ui/public/partials/saved_object_finder.html
@@ -24,7 +24,7 @@
   </div>
 </form>
 
-<paginate list="finder.hits" per-page="20" style="padding-bottom: 1px; background-color: #f6f6f6;">
+<paginate list="finder.hits" per-page="20" class="paginate-style">
   <table class="list-group list-group-menu table table-striped"
     ng-class="{'select-mode': finder.selector.enabled}">
 

From 680e0bf95d8a4ba6207f12eb94d47fc0de9c9969 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Tue, 9 Feb 2016 23:21:44 -0800
Subject: [PATCH 063/181] removing inline style, adding color to font awesome
 icon

---
 src/ui/public/vislib/styles/_legend.less      | 9 +++++++++
 src/ui/public/visualize/visualize_legend.html | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/ui/public/vislib/styles/_legend.less b/src/ui/public/vislib/styles/_legend.less
index 457d7a24a6fe9..6395d57462f87 100644
--- a/src/ui/public/vislib/styles/_legend.less
+++ b/src/ui/public/vislib/styles/_legend.less
@@ -6,6 +6,15 @@ visualize-legend {
   flex-direction: row;
 }
 
+.legend-title {
+  display: flex;
+  flex-direction: row;
+
+  i {
+    color: #BEBEBE;
+  }
+}
+
 .legend-col-wrapper {
   .flex-parent(0, 0, auto);
   z-index: 10;
diff --git a/src/ui/public/visualize/visualize_legend.html b/src/ui/public/visualize/visualize_legend.html
index ed417d55e9d3b..93800a39a649c 100644
--- a/src/ui/public/visualize/visualize_legend.html
+++ b/src/ui/public/visualize/visualize_legend.html
@@ -1,5 +1,5 @@
 <div class="legend-col-wrapper" ng-if="labels.length">
-  <div style="display: flex; flex-direction: row">
+  <div class="legend-title">
     <span>Legend</span>
     <div ng-click="toggleLegend()" class="legend-toggle">
       <i class="fa" ng-class="open ? 'fa-chevron-circle-right' : 'fa-chevron-circle-left'"></i>

From e7126127eb2bcf3bc925656d8301b9c9b882864b Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Tue, 9 Feb 2016 23:33:02 -0800
Subject: [PATCH 064/181] fixing broken tests

---
 test/support/pages/discover_page.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/test/support/pages/discover_page.js b/test/support/pages/discover_page.js
index 2a180cdb4bc90..4826039f10b48 100644
--- a/test/support/pages/discover_page.js
+++ b/test/support/pages/discover_page.js
@@ -215,13 +215,13 @@ define(function (require) {
 
     clickLegendExpand: function clickLegendExpand() {
       return thisTime
-      .findByCssSelector('.fa-chevron-left')
+      .findByCssSelector('.fa-chevron-circle-left')
       .click();
     },
 
     clickLegendCollapse: function clickLegendCollapse() {
       return thisTime
-      .findByCssSelector('div.legend-toggle > i.fa-chevron-right')
+      .findByCssSelector('div.legend-toggle > i.fa-chevron-circle-right')
       .click();
     },
 

From 4304d5830cb67171faf445f4aac86df89777559c Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Fri, 5 Feb 2016 08:31:23 -0600
Subject: [PATCH 065/181] [dashboard] Move nav buttons to icons

---
 .../kibana/public/dashboard/index.html        | 112 +++++++++---------
 .../kibana/public/dashboard/styles/main.less  |  10 ++
 2 files changed, 63 insertions(+), 59 deletions(-)

diff --git a/src/plugins/kibana/public/dashboard/index.html b/src/plugins/kibana/public/dashboard/index.html
index 9a3f94fa3832e..633ed160d1c3c 100644
--- a/src/plugins/kibana/public/dashboard/index.html
+++ b/src/plugins/kibana/public/dashboard/index.html
@@ -1,5 +1,56 @@
 <div dashboard-app class="app-container dashboard-container">
-  <navbar ng-show="chrome.getVisible()" name="dashboard">
+  <navbar name="dashboard-options">
+    <div class="button-group dashboard-actions" role="toolbar">
+      <button ng-click="newDashboard()"
+        aria-label="New Dashboard">
+        <span>New</span>
+      </button>
+      <button
+        aria-label="Save Dashboard"
+        aria-haspopup="false"
+        aria-expanded="{{ configTemplate.is('save') }}"
+        ng-class="{active: configTemplate.is('save')}"
+        ng-click="configTemplate.toggle('save');">
+        <span>Save</span>
+      </button>
+      <button
+        aria-label="Load Saved Dashboard"
+        aria-haspopup="false"
+        aria-expanded="{{ configTemplate.is('load') }}"
+        ng-class="{active: configTemplate.is('load')}"
+        ng-click="configTemplate.toggle('load');">
+        <span>Open</span>
+      </button>
+      <button
+        aria-label="Share Dashboard"
+        aria-haspopup="false"
+        aria-expanded="{{ configTemplate.is('share') }}"
+        ng-class="{active: configTemplate.is('share')}"
+        ng-click="configTemplate.toggle('share');">
+        <span>Share</span>
+      </button>
+      <button
+        aria-label="Add Visualization"
+        aria-haspopup="false"
+        aria-expanded="{{ configTemplate.is('pickVis') }}"
+        ng-class="{active: configTemplate.is('pickVis')}"
+        ng-click="configTemplate.toggle('pickVis');">
+        <span>Add visualization</span>
+      </button>
+      <button
+        aria-label="Options"
+        aria-haspopup="false"
+        aria-expanded="{{ configTemplate.is('options') }}"
+        ng-class="{active: configTemplate.is('options')}"
+        ng-click="configTemplate.toggle('options');">
+        <span>Options</span>
+      </button>
+    </div>
+  </navbar>
+
+  <config config-template="configTemplate" config-object="opts"></config>
+
+  <navbar ng-show="chrome.getVisible()" name="dashboard-search">
     <span class="name" ng-if="dash.id" ng-bind="::dash.title" tooltip="{{::dash.title}}"></span>
 
     <form name="queryInput"
@@ -29,66 +80,9 @@
       </div>
 
     </form>
-
-    <div class="button-group" role="toolbar">
-      <kbn-tooltip text="New Dashboard" placement="bottom" append-to-body="1">
-        <button ng-click="newDashboard()" aria-label="New Dashboard"><i aria-hidden="true" class="fa fa-file-new-o"></i></button>
-      </kbn-tooltip>
-      <kbn-tooltip text="Save Dashboard" placement="bottom" append-to-body="1">
-        <button
-          aria-label="Save Dashboard"
-          aria-haspopup="true"
-          aria-expanded="{{ configTemplate.is('save') }}"
-          ng-class="{active: configTemplate.is('save')}"
-          ng-click="configTemplate.toggle('save');">
-          <i aria-hidden="true" class="fa fa-save"></i>
-        </button>
-      </kbn-tooltip>
-      <kbn-tooltip text="Load Saved Dashboard" placement="bottom" append-to-body="1">
-        <button
-          aria-label="Load Saved Dashboard"
-          aria-haspopup="true"
-          aria-expanded="{{ configTemplate.is('load') }}"
-          ng-class="{active: configTemplate.is('load')}"
-          ng-click="configTemplate.toggle('load');">
-          <i aria-hidden="true" class="fa fa-folder-open-o"></i>
-        </button>
-      </kbn-tooltip>
-      <kbn-tooltip text="Share" placement="bottom" append-to-body="1">
-        <button
-          aria-label="Share Dashboard"
-          aria-haspopup="true"
-          aria-expanded="{{ configTemplate.is('share') }}"
-          ng-class="{active: configTemplate.is('share')}"
-          ng-click="configTemplate.toggle('share');">
-          <i aria-hidden="true" class="fa fa-external-link"></i>
-        </button>
-      </kbn-tooltip>
-      <kbn-tooltip text="Add Visualization" placement="bottom" append-to-body="1">
-        <button
-          aria-label="Add Visualization"
-          aria-haspopup="true"
-          aria-expanded="{{ configTemplate.is('pickVis') }}"
-          ng-class="{active: configTemplate.is('pickVis')}"
-          ng-click="configTemplate.toggle('pickVis');">
-          <i aria-hidden="true" class="fa fa-plus-circle"></i>
-        </button>
-      </kbn-tooltip>
-      <kbn-tooltip text="Options" placement="bottom" append-to-body="1">
-        <button
-          aria-label="Options"
-          aria-haspopup="true"
-          aria-expanded="{{ configTemplate.is('options') }}"
-          ng-class="{active: configTemplate.is('options')}"
-          ng-click="configTemplate.toggle('options');">
-          <i aria-hidden="true" class="fa fa-gear"></i>
-        </button>
-      </kbn-tooltip>
-    </div>
+    <div class="button-group"></div>
   </navbar>
 
-  <config config-template="configTemplate" config-object="opts"></config>
-
   <filter-bar state="state"></filter-bar>
 
   <div ng-show="!state.panels.length" class="text-center start-screen">
diff --git a/src/plugins/kibana/public/dashboard/styles/main.less b/src/plugins/kibana/public/dashboard/styles/main.less
index c55428e6e0091..ee891804069eb 100644
--- a/src/plugins/kibana/public/dashboard/styles/main.less
+++ b/src/plugins/kibana/public/dashboard/styles/main.less
@@ -3,6 +3,12 @@
 
 .tab-dashboard {
   background-color: @dashboard-bg;
+  navbar[name="dashboard-options"] {
+    padding-bottom: 0;
+  }
+  navbar[name="dashboard-search"] {
+    padding-bottom: 5px;
+  }
 }
 
 dashboard-grid {
@@ -119,6 +125,10 @@ dashboard-grid {
   }
 }
 
+.dashboard-actions {
+  margin-left: auto;
+}
+
 .dashboard-panel-picker > li.list-group-item {
   border-top: 0px;
 }

From f4c3b9b6f4db4eb7db08b87e0577feaa24a4807e Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Fri, 5 Feb 2016 10:45:39 -0600
Subject: [PATCH 066/181] [visualize] Move nav buttons to icons

---
 .../public/visualize/editor/editor.html       | 109 ++++++++----------
 .../visualize/editor/styles/_editor.less      |  12 ++
 2 files changed, 63 insertions(+), 58 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/editor/editor.html b/src/plugins/kibana/public/visualize/editor/editor.html
index c50e7f2ec3b92..eb3cb5189cf57 100644
--- a/src/plugins/kibana/public/visualize/editor/editor.html
+++ b/src/plugins/kibana/public/visualize/editor/editor.html
@@ -1,5 +1,54 @@
 <div ng-controller="VisEditor" class="vis-editor vis-type-{{ vis.type.name }}">
-  <navbar ng-if="chrome.getVisible()" name="visualize">
+  <navbar ng-if="chrome.getVisible()" name="visualize-options">
+    <div class="button-group vis-editor-actions">
+      <button ng-click="startOver()" aria-label="New Visualization">
+        <span>New</span>
+      </button>
+      <!-- normal save -->
+      <button
+        ng-class="{active: configTemplate.is('save')}"
+        ng-click="configTemplate.toggle('save')"
+        ng-if="!editableVis.dirty"
+        aria-expanded="{{ configTemplate.is('save') }}"
+        aria-label="Save Visualization">
+        <span>Save</span>
+      </button>
+
+      <!-- save stub with tooltip -->
+      <button disabled ng-if="editableVis.dirty" tooltip="Apply or Discard your changes before saving" aria-label="Apply or Discard your changes before saving">
+        <span>Save</span>
+      </button>
+      <button
+        ng-class="{active: configTemplate.is('load')}"
+        ng-click="configTemplate.toggle('load')"
+        aria-haspopup="true"
+        aria-expanded="{{ configTemplate.is('load') }}"
+        aria-label="Load Saved Visualization">
+        <span>Load</span>
+      </button>
+      <button
+        ng-class="{active: configTemplate.is('share')}"
+        ng-click="configTemplate.toggle('share')"
+        aria-haspopup="true"
+        aria-expanded="{{ configTemplate.is('share') }}"
+        aria-label="Share Visualization">
+        <span>Share</span>
+      </button>
+      <button
+        ng-click="fetch()"
+        aria-label="Refresh">
+        <span>Refresh</span>
+      </button>
+    </div>
+  </navbar>
+
+  <config
+    ng-if="chrome.getVisible()"
+    config-template="configTemplate"
+    config-object="conf">
+  </config>
+
+  <navbar ng-if="chrome.getVisible()" name="visualize-search">
     <div class="fill bitty-modal-container">
       <div ng-if="vis.type.requiresSearch && $state.linked && !unlinking"
         ng-dblclick="unlink()"
@@ -62,65 +111,9 @@
         </div>
       </form>
     </div>
-
-    <div class="button-group">
-      <kbn-tooltip text="New Visualization" placement="bottom" append-to-body="1">
-        <button ng-click="startOver()" aria-label="New Visualization"><i aria-hidden="true" class="fa fa-file-new-o"></i></button>
-      </kbn-tooltip>
-
-      <kbn-tooltip text="Save Visualization" placement="bottom" append-to-body="1">
-        <!-- normal save -->
-        <button
-          ng-class="{active: configTemplate.is('save')}"
-          ng-click="configTemplate.toggle('save')"
-          ng-if="!editableVis.dirty"
-          aria-expanded="{{ configTemplate.is('save') }}"
-          aria-label="Save Visualization">
-          <i aria-hidden="true" class="fa fa-save"></i>
-        </button>
-
-        <!-- save stub with tooltip -->
-        <button disabled ng-if="editableVis.dirty" tooltip="Apply or Discard your changes before saving" aria-label="Apply or Discard your changes before saving">
-          <i aria-hidden="true" class="fa fa-save"></i>
-        </button>
-      </kbn-tooltip>
-
-      <kbn-tooltip text="Load Saved Visualization" placement="bottom" append-to-body="1">
-        <button
-          ng-class="{active: configTemplate.is('load')}"
-          ng-click="configTemplate.toggle('load')"
-          aria-haspopup="true"
-          aria-expanded="{{ configTemplate.is('load') }}"
-          aria-label="Load Saved Visualization">
-          <i aria-hidden="true" class="fa fa-folder-open-o"></i>
-        </button>
-      </kbn-tooltip>
-      <kbn-tooltip text="Share Visualization" placement="bottom" append-to-body="1">
-        <button
-          ng-class="{active: configTemplate.is('share')}"
-          ng-click="configTemplate.toggle('share')"
-          aria-haspopup="true"
-          aria-expanded="{{ configTemplate.is('share') }}"
-          aria-label="Share Visualization">
-          <i aria-hidden="true" class="fa fa-external-link"></i>
-        </button>
-      </kbn-tooltip>
-      <kbn-tooltip text="Refresh" placement="bottom" append-to-body="1">
-        <button
-          ng-click="fetch()"
-          aria-label="Refresh">
-          <i aria-hidden="true" class="fa fa-refresh"></i>
-        </button>
-      </kbn-tooltip>
-    </div>
+    <div class="button-group"></div>
   </navbar>
 
-  <config
-    ng-if="chrome.getVisible()"
-    config-template="configTemplate"
-    config-object="conf">
-  </config>
-
   <filter-bar state="state"></filter-bar>
 
   <div class="vis-editor-content">
diff --git a/src/plugins/kibana/public/visualize/editor/styles/_editor.less b/src/plugins/kibana/public/visualize/editor/styles/_editor.less
index 36a42ac49f636..b3f1b01e8302c 100644
--- a/src/plugins/kibana/public/visualize/editor/styles/_editor.less
+++ b/src/plugins/kibana/public/visualize/editor/styles/_editor.less
@@ -55,6 +55,18 @@
     }
   }
 
+  navbar[name="visualize-options"] {
+    padding-bottom: 0;
+  }
+
+  navbar[name="visualize-search"] {
+    padding-bottom: 5px;
+  }
+
+  &-actions {
+    margin-left: auto;
+  }
+
   &-content {
     .flex-parent();
 

From ba5b57e6ea1f8ffd6cfaa42a35fd657c344473d1 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Mon, 8 Feb 2016 15:10:48 -0600
Subject: [PATCH 067/181] [nav] Increase padding below search

---
 src/plugins/kibana/public/dashboard/styles/main.less           | 2 +-
 src/plugins/kibana/public/discover/styles/main.less            | 2 +-
 src/plugins/kibana/public/visualize/editor/styles/_editor.less | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/plugins/kibana/public/dashboard/styles/main.less b/src/plugins/kibana/public/dashboard/styles/main.less
index ee891804069eb..735e7bd7a5fce 100644
--- a/src/plugins/kibana/public/dashboard/styles/main.less
+++ b/src/plugins/kibana/public/dashboard/styles/main.less
@@ -7,7 +7,7 @@
     padding-bottom: 0;
   }
   navbar[name="dashboard-search"] {
-    padding-bottom: 5px;
+    padding-bottom: 10px;
   }
 }
 
diff --git a/src/plugins/kibana/public/discover/styles/main.less b/src/plugins/kibana/public/discover/styles/main.less
index 057efd82d580c..d947c95778308 100644
--- a/src/plugins/kibana/public/discover/styles/main.less
+++ b/src/plugins/kibana/public/discover/styles/main.less
@@ -6,7 +6,7 @@
     padding-bottom: 0;
   }
   navbar[name="discover-search"] {
-    padding-bottom: 5px;
+    padding-bottom: 10px;
   }
 }
 
diff --git a/src/plugins/kibana/public/visualize/editor/styles/_editor.less b/src/plugins/kibana/public/visualize/editor/styles/_editor.less
index b3f1b01e8302c..e239f11740f70 100644
--- a/src/plugins/kibana/public/visualize/editor/styles/_editor.less
+++ b/src/plugins/kibana/public/visualize/editor/styles/_editor.less
@@ -60,7 +60,7 @@
   }
 
   navbar[name="visualize-search"] {
-    padding-bottom: 5px;
+    padding-bottom: 10px;
   }
 
   &-actions {

From 70f5f996a3ba76080745d21d4f39025ea99c8663 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Tue, 9 Feb 2016 10:19:39 -0600
Subject: [PATCH 068/181] [tests] Remove ng-scope from visualize action
 selector

---
 test/support/pages/visualize_page.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/test/support/pages/visualize_page.js b/test/support/pages/visualize_page.js
index 34cddc5b0812b..f8c68abbe2a92 100644
--- a/test/support/pages/visualize_page.js
+++ b/test/support/pages/visualize_page.js
@@ -289,7 +289,7 @@ define(function (require) {
     clickNewVisualization: function clickNewVisualization() {
       return this.remote
       .setFindTimeout(defaultTimeout)
-      .findByCssSelector('button.ng-scope[aria-label="New Visualization"]')
+      .findByCssSelector('button[aria-label="New Visualization"]')
       .click();
     },
 
@@ -298,7 +298,7 @@ define(function (require) {
       var self = this;
       return this.remote
       .setFindTimeout(defaultTimeout)
-      .findByCssSelector('button.ng-scope[aria-label="Save Visualization"]')
+      .findByCssSelector('button[aria-label="Save Visualization"]')
       .click()
       .then(function () {
         return common.sleep(1000);
@@ -332,7 +332,7 @@ define(function (require) {
       var self = this;
       return this.remote
       .setFindTimeout(defaultTimeout)
-      .findByCssSelector('button.ng-scope[aria-label="Load Saved Visualization"]')
+      .findByCssSelector('button[aria-label="Load Saved Visualization"]')
       .click()
       .then(function findVizByLinkedText() {
         common.debug('Load Saved Vis button clicked');

From 74e67f016a92ca068a734cce0b3dfc10073fcdb5 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Wed, 10 Feb 2016 09:52:36 -0600
Subject: [PATCH 069/181] [visualize] Remove tab container top border

---
 src/plugins/kibana/public/dashboard/styles/main.less | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/plugins/kibana/public/dashboard/styles/main.less b/src/plugins/kibana/public/dashboard/styles/main.less
index 735e7bd7a5fce..ed8736f2090c0 100644
--- a/src/plugins/kibana/public/dashboard/styles/main.less
+++ b/src/plugins/kibana/public/dashboard/styles/main.less
@@ -129,8 +129,8 @@ dashboard-grid {
   margin-left: auto;
 }
 
-.dashboard-panel-picker > li.list-group-item {
-  border-top: 0px;
+.dashboard-panel-picker > .list-group-item {
+  border-top: 0;
 }
 
 .dashboard-load {

From b28d572166b8bcebc2a4cde0ed0e0ba86887c523 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Wed, 10 Feb 2016 12:38:58 -0800
Subject: [PATCH 070/181] adding changes to tooltips

---
 .../agg_response/geo_json/_tooltip.html       |  4 +-
 .../agg_response/hierarchical/_tooltip.html   |  6 +--
 .../agg_response/point_series/_tooltip.html   |  6 +--
 .../styles/variables/bootstrap-mods.less      |  4 +-
 src/ui/public/vislib/styles/_tilemap.less     | 34 ++++++++---------
 src/ui/public/vislib/styles/_tooltip.less     | 38 ++++++++++++-------
 6 files changed, 52 insertions(+), 40 deletions(-)

diff --git a/src/ui/public/agg_response/geo_json/_tooltip.html b/src/ui/public/agg_response/geo_json/_tooltip.html
index 31540085da0b3..b0d07cb80e4b3 100644
--- a/src/ui/public/agg_response/geo_json/_tooltip.html
+++ b/src/ui/public/agg_response/geo_json/_tooltip.html
@@ -1,8 +1,8 @@
 <table>
   <tbody>
     <tr ng-repeat="detail in details" >
-      <td><b>{{detail.label}}</b></td>
-      <td>{{detail.value}}</td>
+      <td class="tooltip-label"><b>{{detail.label}}</b></td>
+      <td class="tooltip-value">{{detail.value}}</td>
     </tr>
   </tbody>
 </table>
diff --git a/src/ui/public/agg_response/hierarchical/_tooltip.html b/src/ui/public/agg_response/hierarchical/_tooltip.html
index 44527343e728b..e714441492663 100644
--- a/src/ui/public/agg_response/hierarchical/_tooltip.html
+++ b/src/ui/public/agg_response/hierarchical/_tooltip.html
@@ -1,16 +1,16 @@
 <table>
   <thead>
-    <tr>
+    <tr class="tooltip-label">
       <th>field</th>
       <th>value</th>
       <th>{{metricCol.label}}</th>
     </tr>
   </thead>
   <tbody>
-    <tr ng-repeat="row in rows track by $index">
+    <tr class="tooltip-value" ng-repeat="row in rows track by $index">
       <td><span ng-bind-html="row.spacer"></span>{{row.field}}</td>
       <td class="row-bucket">{{row.bucket}}</td>
       <td>{{row.metric}}</td>
     </tr>
   </tbody>
-</table>
\ No newline at end of file
+</table>
diff --git a/src/ui/public/agg_response/point_series/_tooltip.html b/src/ui/public/agg_response/point_series/_tooltip.html
index 9e1a52df59fb8..322d5a0bc3798 100644
--- a/src/ui/public/agg_response/point_series/_tooltip.html
+++ b/src/ui/public/agg_response/point_series/_tooltip.html
@@ -1,11 +1,11 @@
 <table>
   <tbody>
     <tr ng-repeat="detail in details" >
-      <td><b>{{detail.label}}</b></td>
-      <td>
+      <td class="tooltip-label"><b>{{detail.label}}</b></td>
+      <td class="tooltip-value">
           {{detail.value}}
           <span ng-if="detail.percent"> ({{detail.percent}})</span>
       </td>
     </tr>
   </tbody>
-</table>
\ No newline at end of file
+</table>
diff --git a/src/ui/public/styles/variables/bootstrap-mods.less b/src/ui/public/styles/variables/bootstrap-mods.less
index c4a20fc367234..f90459f619eb7 100644
--- a/src/ui/public/styles/variables/bootstrap-mods.less
+++ b/src/ui/public/styles/variables/bootstrap-mods.less
@@ -486,8 +486,8 @@
 //** Tooltip text color
 @tooltip-color:                         @white;
 //** Tooltip background color
-@tooltip-bg:                            rgba(0,0,0,.9);
-@tooltip-opacity:                       .9;
+@tooltip-bg:                            rgba(0,0,0,.8);
+@tooltip-opacity:                       .8;
 //** Tooltip arrow color
 @tooltip-arrow-color:                   @tooltip-bg;
 
diff --git a/src/ui/public/vislib/styles/_tilemap.less b/src/ui/public/vislib/styles/_tilemap.less
index 2fd7d98e709a9..5a1096ca09f7b 100644
--- a/src/ui/public/vislib/styles/_tilemap.less
+++ b/src/ui/public/vislib/styles/_tilemap.less
@@ -92,8 +92,8 @@
 
 .leaflet-popup-content {
   margin: 0 !important;
-  line-height: 1.1 !important;
-  font-size: 12px;
+  line-height: 24px !important;
+  font-size: 14px;
   font-weight: normal;
   word-wrap: break-word;
   overflow: hidden;
@@ -116,21 +116,21 @@
       }
     }
 
-    // if there is a header, give it a border that matches
-    // those in the body
-    thead tr {
-      border-bottom: 1px solid;
-      border-bottom-color: @tilemap-leaflet-popup-border;
-    }
-
-    // only apply to tr in the body, not the header
-    tbody tr {
-      border-top: 1px solid;
-      border-top-color: @tilemap-leaflet-popup-border;
-      &:first-child {
-        border-top: none;
-      }
-    }
+    // // if there is a header, give it a border that matches
+    // // those in the body
+    // thead tr {
+    //   border-bottom: 1px solid;
+    //   border-bottom-color: @tilemap-leaflet-popup-border;
+    // }
+    //
+    // // only apply to tr in the body, not the header
+    // tbody tr {
+    //   border-top: 1px solid;
+    //   border-top-color: @tilemap-leaflet-popup-border;
+    //   &:first-child {
+    //     border-top: none;
+    //   }
+    // }
   }
 }
 
diff --git a/src/ui/public/vislib/styles/_tooltip.less b/src/ui/public/vislib/styles/_tooltip.less
index c85df653b436d..56e0b1a9fce81 100644
--- a/src/ui/public/vislib/styles/_tooltip.less
+++ b/src/ui/public/vislib/styles/_tooltip.less
@@ -3,8 +3,8 @@
 .vis-tooltip,
 .vis-tooltip-sizing-clone {
   visibility: hidden;
-  line-height: 1.1;
-  font-size: 12px;
+  line-height: 24px;
+  font-size: 14px;
   font-weight: normal;
   background: @tooltip-bg;
   color: @tooltip-color;
@@ -24,6 +24,18 @@
     margin: @tooltip-space @tooltip-space 0;
   }
 
+  .tooltip-label {
+    font-family: @font-family-sans-serif;
+
+    th {
+      font-weight: 600;
+    }
+  }
+
+  .tooltip-value {
+    font-family: @font-family-sans-serif;
+  }
+
   table {
     td,th {
       padding: @tooltip-space-tight;
@@ -35,19 +47,19 @@
 
     // if there is a header, give it a border that matches
     // those in the body
-    thead tr {
-      border-bottom: 1px solid;
-      border-bottom-color: @tooltip-table-border;
-    }
+    // thead tr {
+    //   border-bottom: 1px solid;
+    //   border-bottom-color: @tooltip-table-border;
+    // }
 
     // only apply to tr in the body, not the header
-    tbody tr {
-      border-top: 1px solid;
-      border-top-color: @tooltip-table-border;
-      &:first-child {
-        border-top: none;
-      }
-    }
+    // tbody tr {
+    //   border-top: 1px solid;
+    //   border-top-color: @tooltip-table-border;
+    //   &:first-child {
+    //     border-top: none;
+    //   }
+    // }
   }
 }
 

From ae8049a441a46e60fe65691dcec77aae1f69ead6 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Wed, 10 Feb 2016 12:42:52 -0800
Subject: [PATCH 071/181] removing the commented sections

---
 src/ui/public/vislib/styles/_tilemap.less | 16 ----------------
 src/ui/public/vislib/styles/_tooltip.less | 16 ----------------
 2 files changed, 32 deletions(-)

diff --git a/src/ui/public/vislib/styles/_tilemap.less b/src/ui/public/vislib/styles/_tilemap.less
index 5a1096ca09f7b..4c4b01efe7571 100644
--- a/src/ui/public/vislib/styles/_tilemap.less
+++ b/src/ui/public/vislib/styles/_tilemap.less
@@ -115,22 +115,6 @@
         word-break: break-all;
       }
     }
-
-    // // if there is a header, give it a border that matches
-    // // those in the body
-    // thead tr {
-    //   border-bottom: 1px solid;
-    //   border-bottom-color: @tilemap-leaflet-popup-border;
-    // }
-    //
-    // // only apply to tr in the body, not the header
-    // tbody tr {
-    //   border-top: 1px solid;
-    //   border-top-color: @tilemap-leaflet-popup-border;
-    //   &:first-child {
-    //     border-top: none;
-    //   }
-    // }
   }
 }
 
diff --git a/src/ui/public/vislib/styles/_tooltip.less b/src/ui/public/vislib/styles/_tooltip.less
index 56e0b1a9fce81..88bab2633d7e0 100644
--- a/src/ui/public/vislib/styles/_tooltip.less
+++ b/src/ui/public/vislib/styles/_tooltip.less
@@ -44,22 +44,6 @@
         word-break: break-all;
       }
     }
-
-    // if there is a header, give it a border that matches
-    // those in the body
-    // thead tr {
-    //   border-bottom: 1px solid;
-    //   border-bottom-color: @tooltip-table-border;
-    // }
-
-    // only apply to tr in the body, not the header
-    // tbody tr {
-    //   border-top: 1px solid;
-    //   border-top-color: @tooltip-table-border;
-    //   &:first-child {
-    //     border-top: none;
-    //   }
-    // }
   }
 }
 

From 400a31cc1e90119626393ccd79ea761871593522 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Wed, 10 Feb 2016 14:18:42 -0800
Subject: [PATCH 072/181] removing legend from Discover page, also removing
 functional tests for the legend on discover

---
 .../public/discover/directives/timechart.js    |  2 +-
 src/ui/public/visualize/visualize.html         |  2 +-
 test/support/pages/discover_page.js            | 18 ------------------
 3 files changed, 2 insertions(+), 20 deletions(-)

diff --git a/src/plugins/kibana/public/discover/directives/timechart.js b/src/plugins/kibana/public/discover/directives/timechart.js
index fc5cc729b2300..a969c19cf5e49 100644
--- a/src/plugins/kibana/public/discover/directives/timechart.js
+++ b/src/plugins/kibana/public/discover/directives/timechart.js
@@ -17,7 +17,7 @@ uiModules
       const init = function () {
         // This elem should already have a height/width
         const myChart = new vislib.Chart(elem[0], {
-
+          addLegend: false
         });
 
         $scope.$watch('data', function (data) {
diff --git a/src/ui/public/visualize/visualize.html b/src/ui/public/visualize/visualize.html
index 5d8f7763033bb..870ffab4847f9 100644
--- a/src/ui/public/visualize/visualize.html
+++ b/src/ui/public/visualize/visualize.html
@@ -11,7 +11,7 @@ <h4>No results found</h4>
     ng-style="loadingStyle"
     ng-class="{ loading: vis.type.requiresSearch && searchSource.activeFetchCount > 0 }"
     class="visualize-chart"></div>
-  <visualize-legend></visualize-legend>
+  <visualize-legend ng-show="vis.params.addLegend"></visualize-legend>
 </div>
 <!-- <pre>{{chartData | json}}</pre> -->
 <visualize-spy ng-if="vis.type.requiresSearch && showSpyPanel"></visualize-spy>
diff --git a/test/support/pages/discover_page.js b/test/support/pages/discover_page.js
index 4826039f10b48..79ef45ac8c5b7 100644
--- a/test/support/pages/discover_page.js
+++ b/test/support/pages/discover_page.js
@@ -213,24 +213,6 @@ define(function (require) {
       .getProperty('value');
     },
 
-    clickLegendExpand: function clickLegendExpand() {
-      return thisTime
-      .findByCssSelector('.fa-chevron-circle-left')
-      .click();
-    },
-
-    clickLegendCollapse: function clickLegendCollapse() {
-      return thisTime
-      .findByCssSelector('div.legend-toggle > i.fa-chevron-circle-right')
-      .click();
-    },
-
-    getLegendWidth: function getLegendWidth() {
-      return thisTime
-      .findByCssSelector('.legend-col-wrapper')
-      .getProperty('clientWidth');
-    },
-
     clickSidebarExpand: function clickSidebarExpand() {
       return thisTime
       .findByCssSelector('.chevron-cont')

From d5c082996c9637f3dde79d47561c099b178632f6 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Wed, 10 Feb 2016 15:46:18 -0800
Subject: [PATCH 073/181] removing legend tests

---
 .../apps/discover/_collapse_expand.js         | 37 -------------------
 1 file changed, 37 deletions(-)

diff --git a/test/functional/apps/discover/_collapse_expand.js b/test/functional/apps/discover/_collapse_expand.js
index 5e271d29724bc..f2131378a1ce1 100644
--- a/test/functional/apps/discover/_collapse_expand.js
+++ b/test/functional/apps/discover/_collapse_expand.js
@@ -49,43 +49,6 @@ define(function (require) {
         .catch(common.handleError(this));
       });
 
-
-      bdd.describe('legend', function () {
-
-        bdd.it('should initially be collapsed', function () {
-          return discoverPage.getLegendWidth()
-          .then(function (actualwidth) {
-            common.debug('collapsed legend width = ' + actualwidth);
-            expect(actualwidth < 20).to.be(true);
-          })
-          .catch(common.handleError(this));
-        });
-
-        bdd.it('should expand when clicked', function () {
-          return discoverPage.clickLegendExpand()
-          .then(function () {
-            return discoverPage.getLegendWidth();
-          })
-          .then(function (actualwidth) {
-            common.debug('expanded legend width = ' + actualwidth);
-            expect(actualwidth > 140).to.be(true);
-          })
-          .catch(common.handleError(this));
-        });
-
-        bdd.it('should collapse when clicked', function () {
-          return discoverPage.clickLegendCollapse()
-          .then(function () {
-            return discoverPage.getLegendWidth();
-          })
-          .then(function (actualwidth) {
-            expect(actualwidth < 20).to.be(true);
-          })
-          .catch(common.handleError(this));
-        });
-
-      });
-
       bdd.describe('field data', function () {
 
         bdd.it('should initially be expanded', function () {

From 1e5af5b7dba9d4b9462568d44af73c1123a9b746 Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Wed, 10 Feb 2016 19:55:26 -0400
Subject: [PATCH 074/181] [Chore] Some code cleanup

---
 src/ui/public/styles/base.less | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
index fcd13c97c8620..0198aaebef003 100644
--- a/src/ui/public/styles/base.less
+++ b/src/ui/public/styles/base.less
@@ -5,7 +5,8 @@
 
 html,
 body {
-  min-height: 100%;
+  .flex-parent();
+  height: 100%;
   margin: 0;
 }
 

From fc4cf841a6b246b6092edadb973e007140bcb66c Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Wed, 10 Feb 2016 16:53:27 -0800
Subject: [PATCH 075/181] removing the word , making open/close icon inline
 with the legend list

---
 src/ui/public/vislib/styles/_legend.less      | 15 +++++----------
 src/ui/public/visualize/visualize_legend.html |  7 ++-----
 2 files changed, 7 insertions(+), 15 deletions(-)

diff --git a/src/ui/public/vislib/styles/_legend.less b/src/ui/public/vislib/styles/_legend.less
index 6395d57462f87..e2891d7bedd2f 100644
--- a/src/ui/public/vislib/styles/_legend.less
+++ b/src/ui/public/vislib/styles/_legend.less
@@ -6,13 +6,9 @@ visualize-legend {
   flex-direction: row;
 }
 
-.legend-title {
-  display: flex;
-  flex-direction: row;
-
-  i {
-    color: #BEBEBE;
-  }
+.legend-icon {
+  color: #BEBEBE;
+  font-size: 1.5em;
 }
 
 .legend-col-wrapper {
@@ -20,6 +16,8 @@ visualize-legend {
   z-index: 10;
   min-height: 0;
   overflow: hidden;
+  flex-direction: row;
+  padding-top: 5px;
 
   .header {
     cursor: pointer;
@@ -29,10 +27,8 @@ visualize-legend {
   .legend-toggle {
     &:hover {
       color: @sidebar-hover-color;
-      background-color: @sidebar-hover-bg;
     }
 
-    padding-left: 5px;
     padding-right: 5px;
     font-size: 14px;
   }
@@ -49,7 +45,6 @@ visualize-legend {
     color: @legend-item-color;
     list-style-type: none;
     padding: 0;
-    padding-top: 10px;
     margin-bottom: 0;
     visibility: visible;
     min-height: 0;
diff --git a/src/ui/public/visualize/visualize_legend.html b/src/ui/public/visualize/visualize_legend.html
index 93800a39a649c..9dbfbd982d24d 100644
--- a/src/ui/public/visualize/visualize_legend.html
+++ b/src/ui/public/visualize/visualize_legend.html
@@ -1,9 +1,6 @@
 <div class="legend-col-wrapper" ng-if="labels.length">
-  <div class="legend-title">
-    <span>Legend</span>
-    <div ng-click="toggleLegend()" class="legend-toggle">
-      <i class="fa" ng-class="open ? 'fa-chevron-circle-right' : 'fa-chevron-circle-left'"></i>
-    </div>
+  <div ng-click="toggleLegend()" class="legend-toggle">
+    <i class="legend-icon fa" ng-class="open ? 'fa-chevron-circle-right' : 'fa-chevron-circle-left'"></i>
   </div>
   <ul class="legend-ul" ng-show="open">
 

From 552bc6326b3eabca69f64c62d46ed21681ec9536 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Wed, 10 Feb 2016 17:10:08 -0800
Subject: [PATCH 076/181] reducing the size of the legend icon

---
 src/ui/public/vislib/styles/_legend.less | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/ui/public/vislib/styles/_legend.less b/src/ui/public/vislib/styles/_legend.less
index e2891d7bedd2f..ddd2ae39d7785 100644
--- a/src/ui/public/vislib/styles/_legend.less
+++ b/src/ui/public/vislib/styles/_legend.less
@@ -8,7 +8,8 @@ visualize-legend {
 
 .legend-icon {
   color: #BEBEBE;
-  font-size: 1.5em;
+  font-size: 1.2em;
+  margin: 1px;
 }
 
 .legend-col-wrapper {

From 81f4d8d432c33fe4ee6f3dec7839785326b1da74 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Wed, 10 Feb 2016 22:46:17 -0800
Subject: [PATCH 077/181] reducing line height

---
 src/ui/public/vislib/styles/_tooltip.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/public/vislib/styles/_tooltip.less b/src/ui/public/vislib/styles/_tooltip.less
index 88bab2633d7e0..52ce4bf378cff 100644
--- a/src/ui/public/vislib/styles/_tooltip.less
+++ b/src/ui/public/vislib/styles/_tooltip.less
@@ -3,7 +3,7 @@
 .vis-tooltip,
 .vis-tooltip-sizing-clone {
   visibility: hidden;
-  line-height: 24px;
+  line-height: 1.1;
   font-size: 14px;
   font-weight: normal;
   background: @tooltip-bg;

From f072adf8f0c06c9557100489133b34d490d6e78c Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Wed, 10 Feb 2016 23:53:15 -0800
Subject: [PATCH 078/181] adding media query for step 1, adding flex to saved
 object finder form input group, other stylings

---
 .../kibana/public/visualize/styles/main.less  | 33 ++++++++++++-------
 .../public/visualize/wizard/step_2.html       |  2 +-
 .../public/partials/saved_object_finder.html  |  2 +-
 3 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/styles/main.less b/src/plugins/kibana/public/visualize/styles/main.less
index bca0180e4b9bc..8031d99a440d2 100644
--- a/src/plugins/kibana/public/visualize/styles/main.less
+++ b/src/plugins/kibana/public/visualize/styles/main.less
@@ -52,6 +52,7 @@
 
 .search-icon {
   color: #9C9C9C;
+  width: 30px !important;
 }
 
 .table-type-label {
@@ -94,10 +95,13 @@
 .saved-object-finder-row {
   background-color: @kibanaGray6;
   padding: 10px;
+  display: flex;
+  flex-direction: row;
 }
 
 .saved-object-finder-input {
   float: left !important;
+  flex: 10;
 
   span {
     padding: 5px 0px;
@@ -115,6 +119,7 @@
 .saved-object-finder-column {
   text-align: center;
   padding: 5px;
+  flex: 2;
 
   span {
     color: #9C9C9C;
@@ -126,20 +131,22 @@
 }
 
 /* ****************************** */
-.wizard-vis-container {
-  padding: 0px;
+@media (min-width: 1280px) {
+  .wizard-vis-container {
+    padding: 0px;
 
-  .wizard {
-    display: flex;
-
-    .wizard-vis-column {
-      flex: 1;
+    .wizard {
       display: flex;
-      flex-direction: column;
-    }
 
-    .wizard-vis-column.first {
-      padding-right: 5px;
+      .wizard-vis-column {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+      }
+
+      .wizard-vis-column.first {
+        padding-right: 5px;
+      }
     }
   }
 }
@@ -147,8 +154,10 @@
 .vis-wizard {
   margin-right: 0px;
   margin-left: 0px;
+  padding-left: 0px;
+  padding-right: 0px;
 
-  h1 {
+  h3 {
     margin-top: 45px;
     padding: 0px 15px;
   }
diff --git a/src/plugins/kibana/public/visualize/wizard/step_2.html b/src/plugins/kibana/public/visualize/wizard/step_2.html
index 05ce1e1742a34..23a0b33d025f8 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_2.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_2.html
@@ -1,4 +1,4 @@
-<h2>Create New Visualization: Select Source</h2>
+<h3>Create New Visualization: Select Source</h3>
 <ul class="list-group list-group-menu">
   <li class="step-2-list list-group-item">
     <!-- Index patterns -->
diff --git a/src/ui/public/partials/saved_object_finder.html b/src/ui/public/partials/saved_object_finder.html
index dfe052350f6c7..77326ba3be51f 100644
--- a/src/ui/public/partials/saved_object_finder.html
+++ b/src/ui/public/partials/saved_object_finder.html
@@ -2,7 +2,7 @@
   <div class="container-fluid">
     <div class="saved-object-finder-row row">
       <div class="saved-object-finder-input input-group form-group finder-form col-md-8">
-        <span class="input-group-addon search-icon">
+        <span class="search-icon input-group-addon">
           <i class="fa fa-search"></i>
         </span>
         <input

From bf5d73ebcc72c522e37ed2e37adce53e9b293505 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 11 Feb 2016 00:01:43 -0800
Subject: [PATCH 079/181] minor changes

---
 src/ui/public/partials/saved_object_finder.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/ui/public/partials/saved_object_finder.html b/src/ui/public/partials/saved_object_finder.html
index 77326ba3be51f..1b4769ceaadfe 100644
--- a/src/ui/public/partials/saved_object_finder.html
+++ b/src/ui/public/partials/saved_object_finder.html
@@ -29,8 +29,8 @@
 
     <thead ng-show="finder.properties.noun === 'Visualization'">
       <tr ng-hide="finder.hits.length === 0">
-        <th class="col-md-1 table-type-label">Type</th>
-        <th class="col-md-11 table-label">
+        <th class="table-type-label col-md-1 ">Type</th>
+        <th class="table-label col-md-11">
           Name
           <!-- <span class="fa fa-caret-up"></span> -->
           <span class="fa fa-caret-down"></span>
@@ -50,7 +50,7 @@
             <i aria-hidden="true" class="fa icon-color" ng-if="hit.icon" ng-class="hit.icon"></i>
           </a>
         </th>
-        <td class="col-md-11 link-color" >
+        <td class="link-color col-md-11" >
           {{hit.title}}
           <p ng-if="hit.description" ng-bind="hit.description"></p>
         </td>

From d7d730a3da8fcc936bdc989b3664b918b436c247 Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Thu, 11 Feb 2016 13:16:02 -0400
Subject: [PATCH 080/181] [Chore] Removing mistakenly commited code

---
 src/ui/ui_app.js            | 1 -
 src/ui/ui_app_collection.js | 1 -
 2 files changed, 2 deletions(-)

diff --git a/src/ui/ui_app.js b/src/ui/ui_app.js
index 11327bdb84d63..543c166f5ca31 100644
--- a/src/ui/ui_app.js
+++ b/src/ui/ui_app.js
@@ -7,7 +7,6 @@ class UiApp {
 
     this.id = this.spec.id;
     if (!this.id) {
-      console.log('-----------Spec Without ID:', this.spec);
       throw new Error('Every app must specify it\'s id');
     }
 
diff --git a/src/ui/ui_app_collection.js b/src/ui/ui_app_collection.js
index 1a41a53b40e29..a00d9646d557f 100644
--- a/src/ui/ui_app_collection.js
+++ b/src/ui/ui_app_collection.js
@@ -21,7 +21,6 @@ module.exports = class UiAppCollection extends Collection {
   }
 
   new(spec) {
-    console.log('--------NewAppSpec:', spec);
     if (this.hidden && spec.hidden) {
       return this.hidden.new(spec);
     }

From 4eb442440131e0cfb0033766c2c349d9646a936a Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Thu, 11 Feb 2016 12:13:46 -0400
Subject: [PATCH 081/181] [Visualize] Changed visuzlize over to the 5.0 design

---
 .../kibana/public/visualize/editor/agg.html   |  6 ++--
 .../public/visualize/editor/agg_add.html      | 12 +++----
 .../public/visualize/editor/agg_group.html    |  7 ----
 .../visualize/editor/styles/_editor.less      | 32 +++++++++++--------
 src/ui/public/styles/base.less                |  1 +
 src/ui/public/styles/sidebar.less             | 28 ++++++++++++----
 src/ui/public/styles/theme.less               | 25 ++-------------
 .../styles/variables/bootstrap-mods.less      |  4 +--
 8 files changed, 53 insertions(+), 62 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/editor/agg.html b/src/plugins/kibana/public/visualize/editor/agg.html
index 5cdbf20e72f0c..ee1224da61bee 100644
--- a/src/plugins/kibana/public/visualize/editor/agg.html
+++ b/src/plugins/kibana/public/visualize/editor/agg.html
@@ -6,7 +6,7 @@
     aria-label="{{ editorOpen ? 'Close Editor' : 'Open Editor' }}"
     ng-click="editorOpen = !editorOpen"
     type="button"
-    class="btn btn-default btn-xs vis-editor-agg-header-toggle">
+    class="btn btn-primary btn-xs vis-editor-agg-header-toggle">
     <i aria-hidden="true" ng-class="{ 'fa-caret-down': editorOpen, 'fa-caret-right': !editorOpen }" class="fa"></i>
   </button>
 
@@ -36,7 +36,7 @@
       tooltip="Increase Priority"
       tooltip-append-to-body="true"
       type="button"
-      class="btn btn-xs btn-default">
+      class="btn btn-xs btn-primary">
       <i aria-hidden="true" class="fa fa-caret-up"></i>
     </button>
 
@@ -49,7 +49,7 @@
       tooltip="Decrease Priority"
       tooltip-append-to-body="true"
       type="button"
-      class="btn btn-xs btn-default">
+      class="btn btn-xs btn-primary">
       <i aria-hidden="true" class="fa fa-caret-down"></i>
     </button>
 
diff --git a/src/plugins/kibana/public/visualize/editor/agg_add.html b/src/plugins/kibana/public/visualize/editor/agg_add.html
index c597ed8c93035..d1de5c7f1ee7f 100644
--- a/src/plugins/kibana/public/visualize/editor/agg_add.html
+++ b/src/plugins/kibana/public/visualize/editor/agg_add.html
@@ -18,14 +18,14 @@
   class="vis-editor-agg-wide-btn">
 
   <div ng-if="!add.form">
-    <div class="vis-editor-agg-wide-btn-add" ng-if="groupName !== 'buckets' || !stats.count">
-      <i aria-hidden="true" class="fa fa-plus"></i> Add {{ groupName }}
+    <div class="btn btn-sm btn-primary" ng-if="groupName !== 'buckets' || !stats.count">
+      Add {{ groupName }}
     </div>
-    <div class="vis-editor-agg-wide-btn-add" ng-if="groupName === 'buckets' && stats.count > 0">
-      <i aria-hidden="true" class="fa fa-code-fork"></i> Add sub-{{ groupName }}
+    <div class="btn btn-sm btn-primary" ng-if="groupName === 'buckets' && stats.count > 0">
+      Add sub-{{ groupName }}
     </div>
   </div>
-  <div class="vis-editor-agg-wide-btn-add" ng-if="add.form">
+  <div class="btn btn-sm btn-primary" ng-if="add.form">
     Cancel
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/plugins/kibana/public/visualize/editor/agg_group.html b/src/plugins/kibana/public/visualize/editor/agg_group.html
index a9cc68ce5d108..66b9d886a4221 100644
--- a/src/plugins/kibana/public/visualize/editor/agg_group.html
+++ b/src/plugins/kibana/public/visualize/editor/agg_group.html
@@ -6,13 +6,6 @@
   <div class="vis-editor-agg-group" ng-class="groupName">
     <!-- wrapper needed for nesting-indicator -->
     <div ng-repeat="agg in group" class="vis-editor-agg-wrapper">
-      <nesting-indicator
-        ng-if="groupName === 'buckets'"
-        item="agg"
-        index="$index"
-        list="group">
-      </nesting-indicator>
-
       <!-- agg.html - controls for aggregation -->
       <ng-form vis-editor-agg name="aggForm" class="vis-editor-agg"></ng-form>
     </div>
diff --git a/src/plugins/kibana/public/visualize/editor/styles/_editor.less b/src/plugins/kibana/public/visualize/editor/styles/_editor.less
index 36a42ac49f636..b6bee9d785fbd 100644
--- a/src/plugins/kibana/public/visualize/editor/styles/_editor.less
+++ b/src/plugins/kibana/public/visualize/editor/styles/_editor.less
@@ -8,9 +8,19 @@
 
   // For the vis-editor sidebar nav
   .navbar-default .navbar-nav {
-    &> .active > a:before {
-      border: 7px solid transparent;
-      border-bottom-color: @vis-editor-navbar-current-tab-color;
+    &> .active > a {
+      border-bottom: 2px solid @kibanaGray2;
+      color: @kibanaGray1;
+      &:before {
+        display: none;
+      }
+    }
+    > li {
+      > a {
+        padding: 4px 0;
+        margin: 0 10px;
+        color: @kibanaGray2;
+      }
     }
 
     .danger {
@@ -78,7 +88,9 @@
       max-width: @vis-editor-sidebar-min-width;
     }
 
+    .index-pattern,
     nav {
+      min-height: 34px;
       border-radius: 0px;
     }
 
@@ -114,19 +126,13 @@
     }
 
     .sidebar-item-title {
-      font-size: 20px;
+      font-size: 14px;
       font-weight: bold;
       border: inherit !important;
-      background-color: @vis-editor-sidebar-title-bg;
       margin-bottom: @vis-editor-agg-editor-spacing;
       padding: 2px 5px !important;
     }
 
-    .sidebar-item-title:hover {
-      color: @vis-editor-sidebar-title-hover-color !important;
-      background-color: @vis-editor-sidebar-title-hover-bg !important;
-    }
-
     .hintbox {
       padding: @vis-editor-agg-editor-spacing;
       margin-bottom: @vis-editor-agg-editor-spacing;
@@ -177,7 +183,7 @@
 
     &-group {
       .flex-parent(0, 1, auto);
-      color: @vis-editor-agg-group-color;
+      color: @kibanaGray2;
     }
 
     &-header {
@@ -274,9 +280,7 @@
     }
 
     &-wide-btn {
-      border-radius: 0;
-      border-top: 2px solid;
-      border-top-color: @vis-editor-agg-wide-btn-border;
+      text-align: center;
 
       &-add {
         width: 140px;
diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
index 6dcb58bf4b151..4b6cf6e4b5404 100644
--- a/src/ui/public/styles/base.less
+++ b/src/ui/public/styles/base.less
@@ -161,6 +161,7 @@ a {
     &:not(.pull-right):first-child {
       // This is how .navbar-brand accomplishes it's solid placement
       margin-left: -15px;
+      margin-top: 4px;
     }
   }
 }
diff --git a/src/ui/public/styles/sidebar.less b/src/ui/public/styles/sidebar.less
index 1b25e5f66dda5..747c6a8b12384 100644
--- a/src/ui/public/styles/sidebar.less
+++ b/src/ui/public/styles/sidebar.less
@@ -11,8 +11,26 @@
   .sidebar-well {
     background-color: @sidebar-well-bg;
   }
+  .vis-editor-agg-header-controls {
+    .btn-primary {
+        &.disabled,
+        &[disabled] {
+          background-color: @kibanaGray4;
+        }
+    }
+  }
 
   .sidebar-list {
+    .navbar-nav.navbar-right {
+      border-radius: 4px;
+      overflow:hidden;
+      margin-right: -13px;
+      margin-top: 2px;
+      .navbar-btn-link {
+        padding-left: 10px;
+        padding-right: 10px;
+      }
+    }
     ul {
       list-style: none;
       margin-bottom: 0px;
@@ -58,12 +76,6 @@
         &.full-title {
           white-space: normal;
         }
-
-        &:hover,
-        &:hover .text-muted {
-          color: @sidebar-hover-color;
-          background-color: @sidebar-hover-bg;
-        }
       }
 
       &-text {
@@ -81,7 +93,7 @@
 
         &.primary {
           background-color: @btn-primary-bg;
-          color: @btn-primary-color
+          color: @btn-primary-color;
         }
 
         &.info {
@@ -129,6 +141,8 @@
     color: @sidebar-active-color;
     display: flex;
     justify-content: space-between;
+    background-color: @kibanaGray4;
+    line-height: 24px;
 
     > * {
       flex: 0 1 auto;
diff --git a/src/ui/public/styles/theme.less b/src/ui/public/styles/theme.less
index 3b2ff365f1c37..4e06661bc6e18 100644
--- a/src/ui/public/styles/theme.less
+++ b/src/ui/public/styles/theme.less
@@ -21,7 +21,6 @@
   -webkit-box-shadow: inset 0 -10px 10px -12px #333;
 
   &-btn-link {
-    height: @navbar-height;
     margin: 0;
     border-radius: 0;
 
@@ -58,28 +57,8 @@
   }
 
   .navbar-nav > .active > a {
-    border-bottom-color: @navbar-nav-active-link-border;
-
-    // navbar active arrow base styles
-    &:before {
-      content: "";
-      display: inline-block;
-      position: absolute;
-      border: @navbar-arrow-size solid transparent;
-      border-bottom-color: inherit;
-      top: (@navbar-height - @navbar-arrow-size*2);
-      left: 0;
-      right: 0;
-      margin: 0 auto;
-      width: 0;
-      height: 0;
-    }
-
-    @media (max-width: @screen-sm-min) {
-      &:before {
-        display: none !important;
-      }
-    }
+    border-bottom-color: @kibanaGray2;
+    background-color: transparent;
   }
 
   &-brand {
diff --git a/src/ui/public/styles/variables/bootstrap-mods.less b/src/ui/public/styles/variables/bootstrap-mods.less
index ef47a359d4f47..ec6b48bf25f1e 100644
--- a/src/ui/public/styles/variables/bootstrap-mods.less
+++ b/src/ui/public/styles/variables/bootstrap-mods.less
@@ -125,8 +125,8 @@
 @btn-primary-border:        @btn-primary-bg;
 
 @btn-success-color:         @btn-default-color;
-@btn-success-bg:            @brand-success;
-@btn-success-border:        @btn-success-bg;
+@btn-success-bg:            @kibanaBlue3;
+@btn-success-border:        @kibanaBlue3;
 
 @btn-info-color:            @btn-default-color;
 @btn-info-bg:               @brand-info;

From fe624a8532e3f155e7aa730f7a1d9fa1160e821b Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Tue, 9 Feb 2016 13:12:04 -0800
Subject: [PATCH 082/181] css changes to the legend

---
 src/ui/public/vislib/styles/_legend.less      | 13 ++++---------
 src/ui/public/visualize/visualize_legend.html |  9 ++++++---
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/ui/public/vislib/styles/_legend.less b/src/ui/public/vislib/styles/_legend.less
index 0be44579421d8..457d7a24a6fe9 100644
--- a/src/ui/public/vislib/styles/_legend.less
+++ b/src/ui/public/vislib/styles/_legend.less
@@ -8,7 +8,6 @@ visualize-legend {
 
 .legend-col-wrapper {
   .flex-parent(0, 0, auto);
-  flex-direction: row;
   z-index: 10;
   min-height: 0;
   overflow: hidden;
@@ -24,11 +23,9 @@ visualize-legend {
       background-color: @sidebar-hover-bg;
     }
 
-    background-color: @sidebar-bg;
-    font-size: 10px;
-    height: 30px;
-    padding: 8px 3px;
-    border-bottom-left-radius: @border-radius-small;
+    padding-left: 5px;
+    padding-right: 5px;
+    font-size: 14px;
   }
 
   .column-labels {
@@ -36,7 +33,6 @@ visualize-legend {
   }
 
   .legend-ul {
-    border-left: 1px solid @sidebar-bg;
     width: 150px;
     flex: 1 1 auto;
     overflow-x: hidden;
@@ -44,6 +40,7 @@ visualize-legend {
     color: @legend-item-color;
     list-style-type: none;
     padding: 0;
+    padding-top: 10px;
     margin-bottom: 0;
     visibility: visible;
     min-height: 0;
@@ -116,5 +113,3 @@ visualize-legend {
 .legend-value:hover {
   cursor: pointer;
 }
-
-
diff --git a/src/ui/public/visualize/visualize_legend.html b/src/ui/public/visualize/visualize_legend.html
index 568541d530afc..ed417d55e9d3b 100644
--- a/src/ui/public/visualize/visualize_legend.html
+++ b/src/ui/public/visualize/visualize_legend.html
@@ -1,6 +1,9 @@
 <div class="legend-col-wrapper" ng-if="labels.length">
-  <div ng-click="toggleLegend()" class="legend-toggle">
-    <i class="fa" ng-class="open ? 'fa-chevron-right' : 'fa-chevron-left'"></i>
+  <div style="display: flex; flex-direction: row">
+    <span>Legend</span>
+    <div ng-click="toggleLegend()" class="legend-toggle">
+      <i class="fa" ng-class="open ? 'fa-chevron-circle-right' : 'fa-chevron-circle-left'"></i>
+    </div>
   </div>
   <ul class="legend-ul" ng-show="open">
 
@@ -38,4 +41,4 @@
 
     </li>
   </ul>
-</div>
\ No newline at end of file
+</div>

From 028610a484273b78326f2236be52e1f8ed877ffd Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Tue, 9 Feb 2016 23:21:44 -0800
Subject: [PATCH 083/181] removing inline style, adding color to font awesome
 icon

---
 src/ui/public/vislib/styles/_legend.less      | 9 +++++++++
 src/ui/public/visualize/visualize_legend.html | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/ui/public/vislib/styles/_legend.less b/src/ui/public/vislib/styles/_legend.less
index 457d7a24a6fe9..6395d57462f87 100644
--- a/src/ui/public/vislib/styles/_legend.less
+++ b/src/ui/public/vislib/styles/_legend.less
@@ -6,6 +6,15 @@ visualize-legend {
   flex-direction: row;
 }
 
+.legend-title {
+  display: flex;
+  flex-direction: row;
+
+  i {
+    color: #BEBEBE;
+  }
+}
+
 .legend-col-wrapper {
   .flex-parent(0, 0, auto);
   z-index: 10;
diff --git a/src/ui/public/visualize/visualize_legend.html b/src/ui/public/visualize/visualize_legend.html
index ed417d55e9d3b..93800a39a649c 100644
--- a/src/ui/public/visualize/visualize_legend.html
+++ b/src/ui/public/visualize/visualize_legend.html
@@ -1,5 +1,5 @@
 <div class="legend-col-wrapper" ng-if="labels.length">
-  <div style="display: flex; flex-direction: row">
+  <div class="legend-title">
     <span>Legend</span>
     <div ng-click="toggleLegend()" class="legend-toggle">
       <i class="fa" ng-class="open ? 'fa-chevron-circle-right' : 'fa-chevron-circle-left'"></i>

From 7e44810fcdc673d1f627000cd3612b07b6532d26 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Tue, 9 Feb 2016 23:33:02 -0800
Subject: [PATCH 084/181] fixing broken tests

---
 test/support/pages/discover_page.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/test/support/pages/discover_page.js b/test/support/pages/discover_page.js
index 2a180cdb4bc90..4826039f10b48 100644
--- a/test/support/pages/discover_page.js
+++ b/test/support/pages/discover_page.js
@@ -215,13 +215,13 @@ define(function (require) {
 
     clickLegendExpand: function clickLegendExpand() {
       return thisTime
-      .findByCssSelector('.fa-chevron-left')
+      .findByCssSelector('.fa-chevron-circle-left')
       .click();
     },
 
     clickLegendCollapse: function clickLegendCollapse() {
       return thisTime
-      .findByCssSelector('div.legend-toggle > i.fa-chevron-right')
+      .findByCssSelector('div.legend-toggle > i.fa-chevron-circle-right')
       .click();
     },
 

From 04bca7721a4791a0521567667259c43dc3123d3a Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Wed, 10 Feb 2016 14:18:42 -0800
Subject: [PATCH 085/181] removing legend from Discover page, also removing
 functional tests for the legend on discover

---
 .../public/discover/directives/timechart.js    |  2 +-
 src/ui/public/visualize/visualize.html         |  2 +-
 test/support/pages/discover_page.js            | 18 ------------------
 3 files changed, 2 insertions(+), 20 deletions(-)

diff --git a/src/plugins/kibana/public/discover/directives/timechart.js b/src/plugins/kibana/public/discover/directives/timechart.js
index e303a361fb6d6..3f49d8d2f43e4 100644
--- a/src/plugins/kibana/public/discover/directives/timechart.js
+++ b/src/plugins/kibana/public/discover/directives/timechart.js
@@ -15,7 +15,7 @@ require('ui/modules')
       const init = function () {
         // This elem should already have a height/width
         const myChart = new vislib.Chart(elem[0], {
-
+          addLegend: false
         });
 
         $scope.$watch('data', function (data) {
diff --git a/src/ui/public/visualize/visualize.html b/src/ui/public/visualize/visualize.html
index 5d8f7763033bb..870ffab4847f9 100644
--- a/src/ui/public/visualize/visualize.html
+++ b/src/ui/public/visualize/visualize.html
@@ -11,7 +11,7 @@ <h4>No results found</h4>
     ng-style="loadingStyle"
     ng-class="{ loading: vis.type.requiresSearch && searchSource.activeFetchCount > 0 }"
     class="visualize-chart"></div>
-  <visualize-legend></visualize-legend>
+  <visualize-legend ng-show="vis.params.addLegend"></visualize-legend>
 </div>
 <!-- <pre>{{chartData | json}}</pre> -->
 <visualize-spy ng-if="vis.type.requiresSearch && showSpyPanel"></visualize-spy>
diff --git a/test/support/pages/discover_page.js b/test/support/pages/discover_page.js
index 4826039f10b48..79ef45ac8c5b7 100644
--- a/test/support/pages/discover_page.js
+++ b/test/support/pages/discover_page.js
@@ -213,24 +213,6 @@ define(function (require) {
       .getProperty('value');
     },
 
-    clickLegendExpand: function clickLegendExpand() {
-      return thisTime
-      .findByCssSelector('.fa-chevron-circle-left')
-      .click();
-    },
-
-    clickLegendCollapse: function clickLegendCollapse() {
-      return thisTime
-      .findByCssSelector('div.legend-toggle > i.fa-chevron-circle-right')
-      .click();
-    },
-
-    getLegendWidth: function getLegendWidth() {
-      return thisTime
-      .findByCssSelector('.legend-col-wrapper')
-      .getProperty('clientWidth');
-    },
-
     clickSidebarExpand: function clickSidebarExpand() {
       return thisTime
       .findByCssSelector('.chevron-cont')

From 22fd46983864aee43fa697c7cf41c8560f75b185 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Wed, 10 Feb 2016 15:46:18 -0800
Subject: [PATCH 086/181] removing legend tests

---
 .../apps/discover/_collapse_expand.js         | 37 -------------------
 1 file changed, 37 deletions(-)

diff --git a/test/functional/apps/discover/_collapse_expand.js b/test/functional/apps/discover/_collapse_expand.js
index 5e271d29724bc..f2131378a1ce1 100644
--- a/test/functional/apps/discover/_collapse_expand.js
+++ b/test/functional/apps/discover/_collapse_expand.js
@@ -49,43 +49,6 @@ define(function (require) {
         .catch(common.handleError(this));
       });
 
-
-      bdd.describe('legend', function () {
-
-        bdd.it('should initially be collapsed', function () {
-          return discoverPage.getLegendWidth()
-          .then(function (actualwidth) {
-            common.debug('collapsed legend width = ' + actualwidth);
-            expect(actualwidth < 20).to.be(true);
-          })
-          .catch(common.handleError(this));
-        });
-
-        bdd.it('should expand when clicked', function () {
-          return discoverPage.clickLegendExpand()
-          .then(function () {
-            return discoverPage.getLegendWidth();
-          })
-          .then(function (actualwidth) {
-            common.debug('expanded legend width = ' + actualwidth);
-            expect(actualwidth > 140).to.be(true);
-          })
-          .catch(common.handleError(this));
-        });
-
-        bdd.it('should collapse when clicked', function () {
-          return discoverPage.clickLegendCollapse()
-          .then(function () {
-            return discoverPage.getLegendWidth();
-          })
-          .then(function (actualwidth) {
-            expect(actualwidth < 20).to.be(true);
-          })
-          .catch(common.handleError(this));
-        });
-
-      });
-
       bdd.describe('field data', function () {
 
         bdd.it('should initially be expanded', function () {

From a3e7ec47311bea61c535d99831e48a717a6bba0f Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Wed, 10 Feb 2016 16:53:27 -0800
Subject: [PATCH 087/181] removing the word , making open/close icon inline
 with the legend list

---
 src/ui/public/vislib/styles/_legend.less      | 15 +++++----------
 src/ui/public/visualize/visualize_legend.html |  7 ++-----
 2 files changed, 7 insertions(+), 15 deletions(-)

diff --git a/src/ui/public/vislib/styles/_legend.less b/src/ui/public/vislib/styles/_legend.less
index 6395d57462f87..e2891d7bedd2f 100644
--- a/src/ui/public/vislib/styles/_legend.less
+++ b/src/ui/public/vislib/styles/_legend.less
@@ -6,13 +6,9 @@ visualize-legend {
   flex-direction: row;
 }
 
-.legend-title {
-  display: flex;
-  flex-direction: row;
-
-  i {
-    color: #BEBEBE;
-  }
+.legend-icon {
+  color: #BEBEBE;
+  font-size: 1.5em;
 }
 
 .legend-col-wrapper {
@@ -20,6 +16,8 @@ visualize-legend {
   z-index: 10;
   min-height: 0;
   overflow: hidden;
+  flex-direction: row;
+  padding-top: 5px;
 
   .header {
     cursor: pointer;
@@ -29,10 +27,8 @@ visualize-legend {
   .legend-toggle {
     &:hover {
       color: @sidebar-hover-color;
-      background-color: @sidebar-hover-bg;
     }
 
-    padding-left: 5px;
     padding-right: 5px;
     font-size: 14px;
   }
@@ -49,7 +45,6 @@ visualize-legend {
     color: @legend-item-color;
     list-style-type: none;
     padding: 0;
-    padding-top: 10px;
     margin-bottom: 0;
     visibility: visible;
     min-height: 0;
diff --git a/src/ui/public/visualize/visualize_legend.html b/src/ui/public/visualize/visualize_legend.html
index 93800a39a649c..9dbfbd982d24d 100644
--- a/src/ui/public/visualize/visualize_legend.html
+++ b/src/ui/public/visualize/visualize_legend.html
@@ -1,9 +1,6 @@
 <div class="legend-col-wrapper" ng-if="labels.length">
-  <div class="legend-title">
-    <span>Legend</span>
-    <div ng-click="toggleLegend()" class="legend-toggle">
-      <i class="fa" ng-class="open ? 'fa-chevron-circle-right' : 'fa-chevron-circle-left'"></i>
-    </div>
+  <div ng-click="toggleLegend()" class="legend-toggle">
+    <i class="legend-icon fa" ng-class="open ? 'fa-chevron-circle-right' : 'fa-chevron-circle-left'"></i>
   </div>
   <ul class="legend-ul" ng-show="open">
 

From 2e656a3618d99b7791d71c674e7faa656f5a5990 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Wed, 10 Feb 2016 17:10:08 -0800
Subject: [PATCH 088/181] reducing the size of the legend icon

---
 src/ui/public/vislib/styles/_legend.less | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/ui/public/vislib/styles/_legend.less b/src/ui/public/vislib/styles/_legend.less
index e2891d7bedd2f..ddd2ae39d7785 100644
--- a/src/ui/public/vislib/styles/_legend.less
+++ b/src/ui/public/vislib/styles/_legend.less
@@ -8,7 +8,8 @@ visualize-legend {
 
 .legend-icon {
   color: #BEBEBE;
-  font-size: 1.5em;
+  font-size: 1.2em;
+  margin: 1px;
 }
 
 .legend-col-wrapper {

From dbc9076c436e850c7f32e2b81746fb24ce5d7398 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 11 Feb 2016 10:01:00 -0800
Subject: [PATCH 089/181] cleaning up css, variabilizing colors

---
 .../kibana/public/visualize/styles/main.less  | 24 ++++++++++---------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/styles/main.less b/src/plugins/kibana/public/visualize/styles/main.less
index 8031d99a440d2..3a968c92dd872 100644
--- a/src/plugins/kibana/public/visualize/styles/main.less
+++ b/src/plugins/kibana/public/visualize/styles/main.less
@@ -2,14 +2,16 @@
 @import (reference) "~bootstrap/less/list-group";
 @import (reference) "~ui/styles/list-group-menu";
 
+@icon-background-color: #416376;
+
 .step-1-wizard {
   flex: 1;
-  background-color: #f6f6f6;
+  background-color: @kibanaGray6;
 }
 
 .step-2-list {
   border: none;
-  background-color: #F6F6F6;
+  background-color: @kibanaGray6;
   border-radius: 0;
   padding-left: 5px;
 }
@@ -20,7 +22,7 @@
 
 .list-search-item {
   border: none;
-  background-color: #F6F6F6;
+  background-color: @kibanaGray6;
   border-radius: 0;
   padding: 0;
 }
@@ -35,11 +37,11 @@
 
 .paginate-style {
   padding-bottom: 1px;
-  background-color: #f6f6f6;
+  background-color: @kibanaGray6;
 }
 
 .form-text {
-  color: #328CAA;
+  color: @kibanaBlue2;
 }
 
 .link-color {
@@ -47,22 +49,22 @@
 }
 
 .icon-color {
-  color: #416376;
+  color: @icon-background-color;
 }
 
 .search-icon {
-  color: #9C9C9C;
+  color: @kibanaGray3;
   width: 30px !important;
 }
 
 .table-type-label {
-  color: #5A5A5A;
+  color: @kibanaGray2;
   font-weight: normal;
   text-align: center;
 }
 
 .table-label {
-  color: #2D2D2D;
+  color: @kibanaGray1;
   font-weight: normal;
 }
 
@@ -105,7 +107,7 @@
 
   span {
     padding: 5px 0px;
-    background-color: #FFFFFF;
+    background-color: @white;
     border: none;
   }
 
@@ -122,7 +124,7 @@
   flex: 2;
 
   span {
-    color: #9C9C9C;
+    color: @kibanaGray3;
   }
 }
 

From 5b2d3ee42f47c33aa04347410615bec6c5082c58 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 11 Feb 2016 10:08:18 -0800
Subject: [PATCH 090/181] small tweaks to clean up css

---
 src/ui/public/vislib/styles/_tilemap.less | 2 +-
 src/ui/public/vislib/styles/_tooltip.less | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/ui/public/vislib/styles/_tilemap.less b/src/ui/public/vislib/styles/_tilemap.less
index 4c4b01efe7571..71887e14685aa 100644
--- a/src/ui/public/vislib/styles/_tilemap.less
+++ b/src/ui/public/vislib/styles/_tilemap.less
@@ -93,7 +93,7 @@
 .leaflet-popup-content {
   margin: 0 !important;
   line-height: 24px !important;
-  font-size: 14px;
+  font-size: @font-size-base;
   font-weight: normal;
   word-wrap: break-word;
   overflow: hidden;
diff --git a/src/ui/public/vislib/styles/_tooltip.less b/src/ui/public/vislib/styles/_tooltip.less
index 52ce4bf378cff..195d07b9b1994 100644
--- a/src/ui/public/vislib/styles/_tooltip.less
+++ b/src/ui/public/vislib/styles/_tooltip.less
@@ -1,10 +1,12 @@
 @import (reference) "~ui/styles/variables";
 
+@semi-bold: 600;
+
 .vis-tooltip,
 .vis-tooltip-sizing-clone {
   visibility: hidden;
   line-height: 1.1;
-  font-size: 14px;
+  font-size: @font-size-base;
   font-weight: normal;
   background: @tooltip-bg;
   color: @tooltip-color;
@@ -28,7 +30,7 @@
     font-family: @font-family-sans-serif;
 
     th {
-      font-weight: 600;
+      font-weight: @semi-bold;
     }
   }
 

From a70c9e55c3a89d7eb35cce9ca1a175d5c3e827c9 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 11 Feb 2016 10:19:14 -0800
Subject: [PATCH 091/181] adding .empty file

---
 optimize/.empty | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 optimize/.empty

diff --git a/optimize/.empty b/optimize/.empty
new file mode 100644
index 0000000000000..e69de29bb2d1d

From 68d95b50cdd409048f889678016e1a1349830cc8 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 11 Feb 2016 10:21:45 -0800
Subject: [PATCH 092/181] replacing #ffffff with @white variable

---
 src/ui/public/styles/pagination.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/public/styles/pagination.less b/src/ui/public/styles/pagination.less
index bded42cb31b58..bdb9a323b1fe2 100644
--- a/src/ui/public/styles/pagination.less
+++ b/src/ui/public/styles/pagination.less
@@ -29,7 +29,7 @@ paginate {
 
           a {
             text-decoration: none;
-            background-color: #ffffff;
+            background-color: @white;
             margin-left: 2px;
           }
 

From a6d904ec0800003ea4a81f404b53b724ab2b4b7c Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Thu, 11 Feb 2016 11:22:22 -0700
Subject: [PATCH 093/181] Inject chrome instead of requiring

---
 src/ui/public/chrome/api/angular.js | 1 +
 src/ui/public/chrome/chrome.js      | 1 +
 src/ui/public/directives/kbnHref.js | 3 +--
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/ui/public/chrome/api/angular.js b/src/ui/public/chrome/api/angular.js
index 77d8ea77ec3fb..d6dda29f07eac 100644
--- a/src/ui/public/chrome/api/angular.js
+++ b/src/ui/public/chrome/api/angular.js
@@ -15,6 +15,7 @@ module.exports = function (chrome, internals) {
     .value('buildNum', internals.buildNum)
     .value('buildSha', internals.buildSha)
     .value('sessionId', Date.now())
+    .value('chrome', chrome)
     .value('esUrl', (function () {
       var a = document.createElement('a');
       a.href = chrome.addBasePath('/elasticsearch');
diff --git a/src/ui/public/chrome/chrome.js b/src/ui/public/chrome/chrome.js
index bb51cd12c1fa0..6b22ad3e74a36 100644
--- a/src/ui/public/chrome/chrome.js
+++ b/src/ui/public/chrome/chrome.js
@@ -9,6 +9,7 @@ import $ from 'jquery';
 import 'ui/timefilter';
 import 'ui/private';
 import 'ui/promises';
+import 'ui/directives/kbnSrc';
 
 var chrome = {};
 var internals = _.defaults(
diff --git a/src/ui/public/directives/kbnHref.js b/src/ui/public/directives/kbnHref.js
index 26b0b4252df7b..20b4bd11a44e6 100644
--- a/src/ui/public/directives/kbnHref.js
+++ b/src/ui/public/directives/kbnHref.js
@@ -1,5 +1,4 @@
 import UiModules from 'ui/modules';
-import chrome from 'ui/chrome';
 import { words, camelCase, kebabCase } from 'lodash';
 
 export function kbnUrlDirective(name) {
@@ -8,7 +7,7 @@ export function kbnUrlDirective(name) {
 
   UiModules
   .get('kibana')
-  .directive(name, function (Private) {
+  .directive(name, function (Private, chrome) {
     return {
       restrict: 'A',
       link: function ($scope, $el, $attr) {

From edece70cc59f700bfe8d6ebeb8a5318316867b56 Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Thu, 11 Feb 2016 11:22:36 -0700
Subject: [PATCH 094/181] Use kbn-src in status page

---
 src/ui/public/chrome/directives/app_switcher/app_switcher.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.html b/src/ui/public/chrome/directives/app_switcher/app_switcher.html
index 382e35b8a4023..3c7d9ab6ced11 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.html
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.html
@@ -9,7 +9,7 @@
       ng-href="{{ link.active ? link.url : (link.lastSubUrl || link.url) }}"
       data-test-subj="appLink">
 
-      <div ng-if="link.icon" class="app-icon"><img ng-src="{{'../' + link.icon}}"></div>
+      <div ng-if="link.icon" class="app-icon"><img kbn-src="{{link.icon}}"></div>
       <div ng-if="!link.icon" class="app-icon-missing">{{ link.title[0] }}</div>
 
       <div class="app-title">{{ link.title }}</div>

From 981ac4ec339bffc5561ff4bb09ff061aecc5df48 Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Thu, 11 Feb 2016 11:30:14 -0700
Subject: [PATCH 095/181] Add slash

---
 src/ui/public/chrome/directives/app_switcher/app_switcher.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.html b/src/ui/public/chrome/directives/app_switcher/app_switcher.html
index 3c7d9ab6ced11..1e0a0d0e665da 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.html
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.html
@@ -9,7 +9,7 @@
       ng-href="{{ link.active ? link.url : (link.lastSubUrl || link.url) }}"
       data-test-subj="appLink">
 
-      <div ng-if="link.icon" class="app-icon"><img kbn-src="{{link.icon}}"></div>
+      <div ng-if="link.icon" class="app-icon"><img kbn-src="{{'/' + link.icon}}"></div>
       <div ng-if="!link.icon" class="app-icon-missing">{{ link.title[0] }}</div>
 
       <div class="app-title">{{ link.title }}</div>

From e2ee1d980a8451ae7b9346780286cb1c1671ab3a Mon Sep 17 00:00:00 2001
From: Chris Cowan <chris@chriscowan.us>
Date: Thu, 11 Feb 2016 11:33:58 -0700
Subject: [PATCH 096/181] Setting the sidenav delay to .25s

---
 .../public/chrome/directives/app_switcher/app_switcher.less   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
index 2d2ac5564f04c..528f058ada6a8 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -6,7 +6,7 @@
 @as-closed-width: 53px;
 @app-icon-height: 30px;
 @transition-time: .35s;
-@transition-delay: .1s;
+@transition-delay: .25s;
 @app-links-wrapper-background: #3caed2;
 
 body { overflow-x: hidden; }
@@ -88,7 +88,7 @@ body { overflow-x: hidden; }
     &:hover {
       background-color: lighten(@app-links-wrapper-background, 7.5%);
     }
-    
+
     .app-icon {
       float: left;
       filter: invert(100%);

From 9766285323240d0a054aa9e946d2aeb71442529b Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Thu, 11 Feb 2016 12:34:20 -0700
Subject: [PATCH 097/181] Change config close buttons

---
 src/ui/public/directives/config.js     | 4 ++--
 src/ui/public/partials/nav_config.html | 4 ++--
 src/ui/public/styles/config.less       | 8 ++++----
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/ui/public/directives/config.js b/src/ui/public/directives/config.js
index b2ed2fc0e2226..b6e110d51f942 100644
--- a/src/ui/public/directives/config.js
+++ b/src/ui/public/directives/config.js
@@ -57,8 +57,8 @@ module.directive('config', function ($compile) {
           html = $compile('' +
             '<div class="config" ng-show="configTemplate">' +
               wrapTmpl(tmpl) +
-            '  <div class="config-close remove" ng-click="close()">' +
-            '    <i class="fa fa-chevron-up"></i>' +
+            '  <div class="config-close remove">' +
+            '    <i class="fa fa-chevron-circle-up" ng-click="close()"></i>' +
             '  </div>' +
             '</div>' +
             ''
diff --git a/src/ui/public/partials/nav_config.html b/src/ui/public/partials/nav_config.html
index f57b0dcb7ef19..e8a89062a45b1 100644
--- a/src/ui/public/partials/nav_config.html
+++ b/src/ui/public/partials/nav_config.html
@@ -2,7 +2,7 @@
   <form role="form" class="container-fluid" ng-submit="configSubmit()">
     <div ng-bind-template="{{configTemplate}}" />
   </form>
-  <div class="config-close remove" ng-click="close()">
-    <i class="fa fa-chevron-up" />
+  <div class="config-close remove">
+    <i class="fa fa-chevron-circle-up" ng-click="close()"/>
   </div>
 </div>
diff --git a/src/ui/public/styles/config.less b/src/ui/public/styles/config.less
index fa8f8708e1ebb..f31e0ad655193 100644
--- a/src/ui/public/styles/config.less
+++ b/src/ui/public/styles/config.less
@@ -11,13 +11,13 @@
     width: 100%;
     background-color: @config-close-bg;
     border-radius: 0;
-    @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
-    .box-shadow(@shadow);
-    text-align: center;
+    text-align: right;
+    padding: 10px;
+    line-height: 1em;
   }
 
   .container-fluid {
-    padding: 10px 10px;
     background-color: @config-bg;
+    padding: 10px;
   }
 }

From c88e10a3e241d2f855a8ea01cb09661ac8120fe7 Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Thu, 11 Feb 2016 12:43:53 -0700
Subject: [PATCH 098/181] Change collapsible sidebar to circle chevron

---
 .../collapsible_sidebar.less                    | 17 ++++-------------
 1 file changed, 4 insertions(+), 13 deletions(-)

diff --git a/src/ui/public/collapsible_sidebar/collapsible_sidebar.less b/src/ui/public/collapsible_sidebar/collapsible_sidebar.less
index 9c3a46f92e528..b0e3432c473e8 100644
--- a/src/ui/public/collapsible_sidebar/collapsible_sidebar.less
+++ b/src/ui/public/collapsible_sidebar/collapsible_sidebar.less
@@ -5,8 +5,6 @@
   z-index: 1;
 
   .sidebar-collapser {
-    background-color: @collapser-bg;
-    height: 100%;
     position: absolute;
     top: 0;
     right: -(@collapser-width);
@@ -14,21 +12,14 @@
     cursor: pointer;
     z-index: -1;
 
-    &:hover {
-      background-color: @collapser-hover-bg;
-      border-color: @collapser-hover-bg;
-      color: @collapser-hover-color;
-    }
-
     .chevron-cont{
       position: absolute;
-      left: 2px;
-      top: 8px;
-      font-size: 10px;
+      left: 5px;
+      top: 5px;
 
       &:before {
         font-family: FontAwesome;
-        content: "\F053";
+        content: "\F137";
       }
     }
   }
@@ -45,7 +36,7 @@
     .sidebar-collapser {
       visibility: visible;
       .chevron-cont:before {
-        content: "\F054";
+        content: "\F138";
       }
     }
   }

From 06f8f1571a49919dbc7e49fb64a7392092930acb Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Thu, 11 Feb 2016 12:57:24 -0700
Subject: [PATCH 099/181] Use the right shade of glorious kibana gray. ALL
 GLORY TO GRAY

---
 src/ui/public/collapsible_sidebar/collapsible_sidebar.less | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/ui/public/collapsible_sidebar/collapsible_sidebar.less b/src/ui/public/collapsible_sidebar/collapsible_sidebar.less
index b0e3432c473e8..ccabd5c720f56 100644
--- a/src/ui/public/collapsible_sidebar/collapsible_sidebar.less
+++ b/src/ui/public/collapsible_sidebar/collapsible_sidebar.less
@@ -16,6 +16,7 @@
       position: absolute;
       left: 5px;
       top: 5px;
+      color: @kibanaGray4;
 
       &:before {
         font-family: FontAwesome;

From e78735fadb7b6cb9e61a7424f42287bc0aed72d7 Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Thu, 11 Feb 2016 16:58:14 -0400
Subject: [PATCH 100/181] [SearchBar] Fixed the height on the search bar

---
 src/plugins/kibana/public/visualize/editor/styles/_editor.less | 2 +-
 src/ui/public/styles/control_group.less                        | 2 +-
 src/ui/public/styles/navbar.less                               | 2 +-
 src/ui/public/styles/variables/bootstrap-mods.less             | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/editor/styles/_editor.less b/src/plugins/kibana/public/visualize/editor/styles/_editor.less
index 6a0468669c4f6..755dbfbf88447 100644
--- a/src/plugins/kibana/public/visualize/editor/styles/_editor.less
+++ b/src/plugins/kibana/public/visualize/editor/styles/_editor.less
@@ -70,7 +70,7 @@
   }
 
   navbar[name="visualize-search"] {
-    padding-bottom: 10px;
+    padding-bottom: 6px;
   }
 
   &-actions {
diff --git a/src/ui/public/styles/control_group.less b/src/ui/public/styles/control_group.less
index 23cd303a065ce..3f21998996402 100644
--- a/src/ui/public/styles/control_group.less
+++ b/src/ui/public/styles/control_group.less
@@ -24,7 +24,7 @@
   }
 
   button {
-    padding: @padding-base-vertical @padding-base-horizontal;
+    padding: 4px 10px;
     font-size: @font-size-base;
     color: @control-group-link-color;
     background-color: @control-group-bg;
diff --git a/src/ui/public/styles/navbar.less b/src/ui/public/styles/navbar.less
index 5f61f1a841088..a38ea49c83a97 100644
--- a/src/ui/public/styles/navbar.less
+++ b/src/ui/public/styles/navbar.less
@@ -6,7 +6,7 @@ navbar {
   max-height: @navbar-collapse-max-height;
   margin-bottom: @navbar-margin-bottom;
   // top and bottom padding are normally calcuated and stored in @navbar-padding-vertical, but flexbox
-  padding: @padding-base-vertical @navbar-padding-horizontal;
+  padding: 0 @navbar-padding-horizontal;
   color: @navbar-default-color;
   background-color: @navbar-default-bg;
   border: none;
diff --git a/src/ui/public/styles/variables/bootstrap-mods.less b/src/ui/public/styles/variables/bootstrap-mods.less
index 0bd2885595b28..38ec3950ce84e 100644
--- a/src/ui/public/styles/variables/bootstrap-mods.less
+++ b/src/ui/public/styles/variables/bootstrap-mods.less
@@ -332,7 +332,7 @@
 @navbar-height:                    45px;
 @navbar-margin-bottom:             0px;
 @navbar-border-radius:             @border-radius-base;
-@navbar-padding-horizontal:        floor((@grid-gutter-width / 2));
+@navbar-padding-horizontal:        10px;
 @navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
 @navbar-collapse-max-height:       340px;
 

From 09cb3a67224f23d1a5be4bfee1e4e26e7747c157 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Tue, 9 Feb 2016 13:52:02 -0600
Subject: [PATCH 101/181] [timepicker] Move next to page actions

---
 .../kibana/public/dashboard/index.html        |  8 ++++
 src/plugins/kibana/public/discover/index.html | 13 +++++-
 .../public/visualize/editor/editor.html       |  8 +++-
 src/ui/public/chrome/chrome.html              | 44 -------------------
 src/ui/public/timepicker/toggle.html          | 20 ++++-----
 5 files changed, 37 insertions(+), 56 deletions(-)

diff --git a/src/plugins/kibana/public/dashboard/index.html b/src/plugins/kibana/public/dashboard/index.html
index 633ed160d1c3c..7ed04ad257f4e 100644
--- a/src/plugins/kibana/public/dashboard/index.html
+++ b/src/plugins/kibana/public/dashboard/index.html
@@ -45,9 +45,17 @@
         ng-click="configTemplate.toggle('options');">
         <span>Options</span>
       </button>
+      <div class="chrome-actions"kbn-chrome-append-nav-controls></div>
     </div>
   </navbar>
 
+  <config
+    ng-show="timefilter.enabled"
+    config-template="pickerTemplate"
+    config-object="timefilter"
+    config-close="pickerTemplate.close">
+  </config>
+
   <config config-template="configTemplate" config-object="opts"></config>
 
   <navbar ng-show="chrome.getVisible()" name="dashboard-search">
diff --git a/src/plugins/kibana/public/discover/index.html b/src/plugins/kibana/public/discover/index.html
index c86d43823c6a2..ea670c9d732f6 100644
--- a/src/plugins/kibana/public/discover/index.html
+++ b/src/plugins/kibana/public/discover/index.html
@@ -39,9 +39,20 @@
         ng-click="configTemplate.toggle('share');">
         <span>Share</span>
       </button>
+    <div class="chrome-actions" kbn-chrome-append-nav-controls></div>
     </div>
   </navbar>
-  <config config-template="configTemplate" config-object="opts" config-close="configClose"></config>
+  <config
+    ng-show="timefilter.enabled"
+    config-template="pickerTemplate"
+    config-object="timefilter"
+    config-close="pickerTemplate.close">
+  </config>
+  <config
+    config-template="configTemplate"
+    config-object="opts"
+    config-close="configClose"
+  ></config>
   <navbar name="discover-search">
     <form role="form" class="fill inline-form" ng-submit="fetch()" name="discoverSearch">
       <div class="typeahead" kbn-typeahead="discover">
diff --git a/src/plugins/kibana/public/visualize/editor/editor.html b/src/plugins/kibana/public/visualize/editor/editor.html
index eb3cb5189cf57..9144b5e9fb8d0 100644
--- a/src/plugins/kibana/public/visualize/editor/editor.html
+++ b/src/plugins/kibana/public/visualize/editor/editor.html
@@ -39,9 +39,15 @@
         aria-label="Refresh">
         <span>Refresh</span>
       </button>
+      <div class="chrome-actions"kbn-chrome-append-nav-controls></div>
     </div>
   </navbar>
-
+  <config
+    ng-show="timefilter.enabled"
+    config-template="pickerTemplate"
+    config-object="timefilter"
+    config-close="pickerTemplate.close">
+  </config>
   <config
     ng-if="chrome.getVisible()"
     config-template="configTemplate"
diff --git a/src/ui/public/chrome/chrome.html b/src/ui/public/chrome/chrome.html
index a1a2364f80be1..e1a2f502a0bdd 100644
--- a/src/ui/public/chrome/chrome.html
+++ b/src/ui/public/chrome/chrome.html
@@ -45,50 +45,6 @@
   <div class="app-wrapper">
     <div class="app-wrapper-panel">
       <kbn-notifications list="notifList"></kbn-notifications>
-      <nav
-        ng-style="::{ background: chrome.getNavBackground() }"
-        ng-class="{ show: chrome.getVisible() }"
-        class="hide navbar navbar-inverse navbar-static-top">
-
-        <!-- Mobile navbar -->
-        <div class="navbar-header">
-          <button ng-click="showCollapsed = !showCollapsed" type="button" class="navbar-toggle">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <span class="visible-xs">
-            <span ng-if="chrome.getBrand('title')" class="navbar-brand">{{ chrome.getBrand('title') }}</span>
-            <span ng-if="chrome.getActiveTabTitle()" class="navbar-brand">{{ chrome.getActiveTabTitle() }}</span>
-            <span ng-show="chrome.httpActive.length" class="spinner"></span>
-          </span>
-        </div>
-        <!-- /Mobile navbar -->
-
-        <!-- Full navbar -->
-        <div collapse="!showCollapsed" class="navbar-collapse" kbn-chrome-append-nav-controls>
-          <ul class="nav navbar-nav" role="navigation">
-
-            <li ng-if="chrome.getBrand('title')" class="navbar-brand">{{ chrome.getBrand('title') }}</li>
-
-            <li ng-repeat="tab in chrome.getTabs()" ng-class="{ active: tab.active }">
-              <a ng-href="{{ tab.href() }}" ng-style="{ 'border-bottom-color': tab.activeIndicatorColor }">
-                {{ tab.title }}
-              </a>
-            </li>
-          </ul>
-        </div>
-        <!-- /Full navbar -->
-      </nav>
-
-      <config
-        ng-show="timefilter.enabled"
-        config-template="pickerTemplate"
-        config-object="timefilter"
-        config-close="pickerTemplate.close">
-      </config>
-
       <div class="application" ng-class="'tab-' + chrome.getActiveTabId('-none-') + ' ' + chrome.getApplicationClasses()" ng-view></div>
     </div>
   </div>
diff --git a/src/ui/public/timepicker/toggle.html b/src/ui/public/timepicker/toggle.html
index 6c4b59b6f6ece..ab7b4c971abc8 100644
--- a/src/ui/public/timepicker/toggle.html
+++ b/src/ui/public/timepicker/toggle.html
@@ -1,33 +1,33 @@
 <ul ng-show="timefilter.enabled" class="nav navbar-nav navbar-right navbar-timepicker">
   <li>
-    <a
+    <button
       ng-click="toggleRefresh()"
       ng-show="timefilter.refreshInterval.value > 0">
-
       <i class="fa" ng-class="timefilter.refreshInterval.pause ? 'fa-play' : 'fa-pause'"></i>
-    </a>
+    </button>
   </li>
 
   <li
-    ng-class="{active: pickerTemplate.is('interval') }"
     ng-show="timefilter.refreshInterval.value > 0 || !!pickerTemplate.current"
     class="to-body">
 
-    <a ng-click="pickerTemplate.toggle('interval')" class="navbar-timepicker-auto-refresh-desc">
+    <button ng-click="pickerTemplate.toggle('interval')"
+    ng-class="{active: pickerTemplate.is('interval') }"
+    class="navbar-timepicker-auto-refresh-desc">
       <span ng-show="timefilter.refreshInterval.value === 0"><i class="fa fa-repeat"></i> Auto-refresh</span>
       <span ng-show="timefilter.refreshInterval.value > 0">{{timefilter.refreshInterval.display}}</span>
-    </a>
+    </button>
 
   </li>
 
-  <li class="to-body" ng-class="{active: pickerTemplate.is('filter')}">
-    <a
+  <li class="to-body" >
+    <button ng-class="{active: pickerTemplate.is('filter')}"
       ng-click="pickerTemplate.toggle('filter')"
       aria-haspopup="true"
       aria-expanded="false"
-      class="navbar-timepicker-time-desc">
+      class="btn btnnavbar-timepicker-time-desc">
       <i aria-hidden="true" class="fa fa-clock-o"></i>
       <pretty-duration from="timefilter.time.from" to="timefilter.time.to"></pretty-duration>
-    </a>
+    </button>
   </li>
 </ul>

From 8678d30f8b732897955cbef2a8a3d64930487c73 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Wed, 10 Feb 2016 12:40:29 -0600
Subject: [PATCH 102/181] [timepicker] Add context to each page

---
 src/plugins/kibana/public/dashboard/index.html         | 2 +-
 src/plugins/kibana/public/discover/index.html          | 2 +-
 src/plugins/kibana/public/visualize/editor/editor.html | 2 +-
 src/ui/public/timepicker/toggle.html                   | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/plugins/kibana/public/dashboard/index.html b/src/plugins/kibana/public/dashboard/index.html
index 7ed04ad257f4e..70c2a7eeee3c9 100644
--- a/src/plugins/kibana/public/dashboard/index.html
+++ b/src/plugins/kibana/public/dashboard/index.html
@@ -1,4 +1,4 @@
-<div dashboard-app class="app-container dashboard-container">
+<div dashboard-app class="app-container dashboard-container" chrome-context>
   <navbar name="dashboard-options">
     <div class="button-group dashboard-actions" role="toolbar">
       <button ng-click="newDashboard()"
diff --git a/src/plugins/kibana/public/discover/index.html b/src/plugins/kibana/public/discover/index.html
index ea670c9d732f6..fe6a6667dbeb7 100644
--- a/src/plugins/kibana/public/discover/index.html
+++ b/src/plugins/kibana/public/discover/index.html
@@ -1,4 +1,4 @@
-<div ng-controller="discover" class="app-container">
+<div ng-controller="discover" class="app-container" chrome-context>
   <navbar name="discover-options">
     <div class="discover-info">
       <span ng-show="opts.savedSearch.id" class="discover-info-title">
diff --git a/src/plugins/kibana/public/visualize/editor/editor.html b/src/plugins/kibana/public/visualize/editor/editor.html
index 9144b5e9fb8d0..e4b382e402427 100644
--- a/src/plugins/kibana/public/visualize/editor/editor.html
+++ b/src/plugins/kibana/public/visualize/editor/editor.html
@@ -1,4 +1,4 @@
-<div ng-controller="VisEditor" class="vis-editor vis-type-{{ vis.type.name }}">
+<div ng-controller="VisEditor" class="vis-editor vis-type-{{ vis.type.name }}" chrome-context>
   <navbar ng-if="chrome.getVisible()" name="visualize-options">
     <div class="button-group vis-editor-actions">
       <button ng-click="startOver()" aria-label="New Visualization">
diff --git a/src/ui/public/timepicker/toggle.html b/src/ui/public/timepicker/toggle.html
index ab7b4c971abc8..beb248ae937b5 100644
--- a/src/ui/public/timepicker/toggle.html
+++ b/src/ui/public/timepicker/toggle.html
@@ -25,7 +25,7 @@
       ng-click="pickerTemplate.toggle('filter')"
       aria-haspopup="true"
       aria-expanded="false"
-      class="btn btnnavbar-timepicker-time-desc">
+      class="btnnavbar-timepicker-time-desc">
       <i aria-hidden="true" class="fa fa-clock-o"></i>
       <pretty-duration from="timefilter.time.from" to="timefilter.time.to"></pretty-duration>
     </button>

From b1754a2d2f07b1802e4a97c9ef1807dbb0963544 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Wed, 10 Feb 2016 14:34:46 -0600
Subject: [PATCH 103/181] [nav] Active pills are yellow

---
 src/ui/public/styles/variables/bootstrap-mods.less | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ui/public/styles/variables/bootstrap-mods.less b/src/ui/public/styles/variables/bootstrap-mods.less
index 0bd2885595b28..771dadf6ff152 100644
--- a/src/ui/public/styles/variables/bootstrap-mods.less
+++ b/src/ui/public/styles/variables/bootstrap-mods.less
@@ -411,8 +411,8 @@
 
 
 //== Pills
-@nav-pills-active-link-hover-bg:                  @component-active-bg;
-@nav-pills-active-link-hover-color:               @component-active-color;
+@nav-pills-active-link-hover-bg:                  @kibanaYellow1;
+@nav-pills-active-link-hover-color:               @kibanaGray1;
 @nav-pills-border-radius:                   @border-radius-base;
 
 //== Pagination

From 849897d60601060ef12469497765eebb06274aa6 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Thu, 11 Feb 2016 09:20:45 -0600
Subject: [PATCH 104/181] [nav] Remove focused outline

---
 src/ui/public/styles/navbar.less | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/ui/public/styles/navbar.less b/src/ui/public/styles/navbar.less
index 5f61f1a841088..1f022cc35c6bb 100644
--- a/src/ui/public/styles/navbar.less
+++ b/src/ui/public/styles/navbar.less
@@ -46,6 +46,9 @@ navbar {
       color: @navbar-default-link-active-color;
       background-color: @navbar-default-link-active-bg;
       box-shadow: none;
+      &:focus {
+        outline: none;
+      }
     }
 
     &[disabled] {

From 911ad8e74b897c99c0f22a7b77225a2cedc5d298 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Thu, 11 Feb 2016 10:55:30 -0600
Subject: [PATCH 105/181] [timepicker] Use a single config

---
 src/plugins/kibana/public/dashboard/index.html       | 10 +---------
 src/plugins/kibana/public/dashboard/index.js         |  7 +++++--
 .../kibana/public/discover/controllers/discover.js   | 10 ++++++----
 src/plugins/kibana/public/discover/index.html        |  8 +-------
 .../kibana/public/visualize/editor/editor.html       |  8 +-------
 src/plugins/kibana/public/visualize/editor/editor.js |  6 ++++--
 src/ui/public/chrome/config/filter.html              |  8 ++++----
 src/ui/public/chrome/config/interval.html            |  8 ++++----
 src/ui/public/chrome/context.js                      |  5 -----
 src/ui/public/timepicker/toggle.html                 | 12 ++++++------
 10 files changed, 32 insertions(+), 50 deletions(-)

diff --git a/src/plugins/kibana/public/dashboard/index.html b/src/plugins/kibana/public/dashboard/index.html
index 70c2a7eeee3c9..9fa6ce3f0c4d2 100644
--- a/src/plugins/kibana/public/dashboard/index.html
+++ b/src/plugins/kibana/public/dashboard/index.html
@@ -1,4 +1,4 @@
-<div dashboard-app class="app-container dashboard-container" chrome-context>
+<div dashboard-app class="app-container dashboard-container">
   <navbar name="dashboard-options">
     <div class="button-group dashboard-actions" role="toolbar">
       <button ng-click="newDashboard()"
@@ -48,14 +48,6 @@
       <div class="chrome-actions"kbn-chrome-append-nav-controls></div>
     </div>
   </navbar>
-
-  <config
-    ng-show="timefilter.enabled"
-    config-template="pickerTemplate"
-    config-object="timefilter"
-    config-close="pickerTemplate.close">
-  </config>
-
   <config config-template="configTemplate" config-object="opts"></config>
 
   <navbar ng-show="chrome.getVisible()" name="dashboard-search">
diff --git a/src/plugins/kibana/public/dashboard/index.js b/src/plugins/kibana/public/dashboard/index.js
index c4813d6499bea..50f593adef94d 100644
--- a/src/plugins/kibana/public/dashboard/index.js
+++ b/src/plugins/kibana/public/dashboard/index.js
@@ -105,7 +105,9 @@ app.directive('dashboardApp', function (Notifier, courier, AppState, timefilter,
         load: require('plugins/kibana/dashboard/partials/load_dashboard.html'),
         share: require('plugins/kibana/dashboard/partials/share.html'),
         pickVis: require('plugins/kibana/dashboard/partials/pick_visualization.html'),
-        options: require('plugins/kibana/dashboard/partials/options.html')
+        options: require('plugins/kibana/dashboard/partials/options.html'),
+        filter: require('ui/chrome/config/filter.html'),
+        interval: require('ui/chrome/config/interval.html')
       });
 
       $scope.refresh = _.bindKey(courier, 'fetch');
@@ -239,7 +241,8 @@ app.directive('dashboardApp', function (Notifier, courier, AppState, timefilter,
         ui: $state.options,
         save: $scope.save,
         addVis: $scope.addVis,
-        addSearch: $scope.addSearch
+        addSearch: $scope.addSearch,
+        timefilter: $scope.timefilter
       };
 
       init();
diff --git a/src/plugins/kibana/public/discover/controllers/discover.js b/src/plugins/kibana/public/discover/controllers/discover.js
index a7b17b5afd22c..744604ba51617 100644
--- a/src/plugins/kibana/public/discover/controllers/discover.js
+++ b/src/plugins/kibana/public/discover/controllers/discover.js
@@ -96,16 +96,17 @@ app.controller('discover', function ($scope, config, courier, $route, $window, N
   $scope.toggleInterval = function () {
     $scope.showInterval = !$scope.showInterval;
   };
-
   // config panel templates
   $scope.configTemplate = new ConfigTemplate({
     load: require('plugins/kibana/discover/partials/load_search.html'),
     save: require('plugins/kibana/discover/partials/save_search.html'),
-    share: require('plugins/kibana/discover/partials/share_search.html')
+    share: require('plugins/kibana/discover/partials/share_search.html'),
+    filter: require('ui/chrome/config/filter.html'),
+    interval: require('ui/chrome/config/interval.html')
   });
-
   $scope.timefilter = timefilter;
 
+
   // the saved savedSearch
   const savedSearch = $route.current.locals.savedSearch;
   $scope.$on('$destroy', savedSearch.destroy);
@@ -147,7 +148,8 @@ app.controller('discover', function ($scope, config, courier, $route, $window, N
     index: $scope.indexPattern.id,
     timefield: $scope.indexPattern.timeFieldName,
     savedSearch: savedSearch,
-    indexPatternList: $route.current.locals.ip.list
+    indexPatternList: $route.current.locals.ip.list,
+    timefilter: $scope.timefilter
   };
 
   const init = _.once(function () {
diff --git a/src/plugins/kibana/public/discover/index.html b/src/plugins/kibana/public/discover/index.html
index fe6a6667dbeb7..a2d3033b8a5d7 100644
--- a/src/plugins/kibana/public/discover/index.html
+++ b/src/plugins/kibana/public/discover/index.html
@@ -1,4 +1,4 @@
-<div ng-controller="discover" class="app-container" chrome-context>
+<div ng-controller="discover" class="app-container">
   <navbar name="discover-options">
     <div class="discover-info">
       <span ng-show="opts.savedSearch.id" class="discover-info-title">
@@ -42,12 +42,6 @@
     <div class="chrome-actions" kbn-chrome-append-nav-controls></div>
     </div>
   </navbar>
-  <config
-    ng-show="timefilter.enabled"
-    config-template="pickerTemplate"
-    config-object="timefilter"
-    config-close="pickerTemplate.close">
-  </config>
   <config
     config-template="configTemplate"
     config-object="opts"
diff --git a/src/plugins/kibana/public/visualize/editor/editor.html b/src/plugins/kibana/public/visualize/editor/editor.html
index e4b382e402427..73b189d378875 100644
--- a/src/plugins/kibana/public/visualize/editor/editor.html
+++ b/src/plugins/kibana/public/visualize/editor/editor.html
@@ -1,4 +1,4 @@
-<div ng-controller="VisEditor" class="vis-editor vis-type-{{ vis.type.name }}" chrome-context>
+<div ng-controller="VisEditor" class="vis-editor vis-type-{{ vis.type.name }}">
   <navbar ng-if="chrome.getVisible()" name="visualize-options">
     <div class="button-group vis-editor-actions">
       <button ng-click="startOver()" aria-label="New Visualization">
@@ -42,12 +42,6 @@
       <div class="chrome-actions"kbn-chrome-append-nav-controls></div>
     </div>
   </navbar>
-  <config
-    ng-show="timefilter.enabled"
-    config-template="pickerTemplate"
-    config-object="timefilter"
-    config-close="pickerTemplate.close">
-  </config>
   <config
     ng-if="chrome.getVisible()"
     config-template="configTemplate"
diff --git a/src/plugins/kibana/public/visualize/editor/editor.js b/src/plugins/kibana/public/visualize/editor/editor.js
index 0428833db4998..824a15265a208 100644
--- a/src/plugins/kibana/public/visualize/editor/editor.js
+++ b/src/plugins/kibana/public/visualize/editor/editor.js
@@ -85,6 +85,8 @@ uiModules
     save: require('plugins/kibana/visualize/editor/panels/save.html'),
     load: require('plugins/kibana/visualize/editor/panels/load.html'),
     share: require('plugins/kibana/visualize/editor/panels/share.html'),
+    filter: require('ui/chrome/config/filter.html'),
+    interval: require('ui/chrome/config/interval.html')
   });
 
   if (savedVis.id) {
@@ -125,8 +127,8 @@ uiModules
     $scope.editableVis = editableVis;
     $scope.state = $state;
     $scope.uiState = $state.makeStateful('uiState');
-
-    $scope.conf = _.pick($scope, 'doSave', 'savedVis', 'shareData');
+    $scope.timefilter = timefilter;
+    $scope.conf = _.pick($scope, 'doSave', 'savedVis', 'shareData', 'timefilter');
     $scope.configTemplate = configTemplate;
 
     editableVis.listeners.click = vis.listeners.click = filterBarClickHandler($state);
diff --git a/src/ui/public/chrome/config/filter.html b/src/ui/public/chrome/config/filter.html
index 71a3dd32645ef..1930ee75d01ab 100644
--- a/src/ui/public/chrome/config/filter.html
+++ b/src/ui/public/chrome/config/filter.html
@@ -1,7 +1,7 @@
 <kbn-timepicker
-  from="timefilter.time.from"
-  to="timefilter.time.to"
-  mode="timefilter.time.mode"
+  from="opts.timefilter.time.from"
+  to="opts.timefilter.time.to"
+  mode="opts.timefilter.time.mode"
   active-tab="'filter'"
-  interval="timefilter.refreshInterval">
+  interval="opts.timefilter.refreshInterval">
 </kbn-timepicker>
diff --git a/src/ui/public/chrome/config/interval.html b/src/ui/public/chrome/config/interval.html
index d41a601709709..44d86b4140925 100644
--- a/src/ui/public/chrome/config/interval.html
+++ b/src/ui/public/chrome/config/interval.html
@@ -1,7 +1,7 @@
 <kbn-timepicker
-  from="timefilter.time.from"
-  to="timefilter.time.to"
-  mode="timefilter.time.mode"
+  from="opts.timefilter.time.from"
+  to="opts.timefilter.time.to"
+  mode="opts.timefilter.time.mode"
   active-tab="'interval'"
-  interval="timefilter.refreshInterval">
+  interval="opts.timefilter.refreshInterval">
 </kbn-timepicker>
diff --git a/src/ui/public/chrome/context.js b/src/ui/public/chrome/context.js
index 72961f889701f..94ca0d5655e7f 100644
--- a/src/ui/public/chrome/context.js
+++ b/src/ui/public/chrome/context.js
@@ -21,11 +21,6 @@ uiModules
 
       // chrome is responsible for timepicker ui and state transfer...
       $scope.timefilter = timefilter;
-      $scope.pickerTemplate = new ConfigTemplate({
-        filter: require('ui/chrome/config/filter.html'),
-        interval: require('ui/chrome/config/interval.html')
-      });
-
       $scope.toggleRefresh = function () {
         timefilter.refreshInterval.pause = !timefilter.refreshInterval.pause;
       };
diff --git a/src/ui/public/timepicker/toggle.html b/src/ui/public/timepicker/toggle.html
index beb248ae937b5..c368d78419d32 100644
--- a/src/ui/public/timepicker/toggle.html
+++ b/src/ui/public/timepicker/toggle.html
@@ -8,11 +8,11 @@
   </li>
 
   <li
-    ng-show="timefilter.refreshInterval.value > 0 || !!pickerTemplate.current"
+    ng-show="timefilter.refreshInterval.value > 0 || !!configTemplate.current"
     class="to-body">
 
-    <button ng-click="pickerTemplate.toggle('interval')"
-    ng-class="{active: pickerTemplate.is('interval') }"
+    <button ng-click="configTemplate.toggle('interval')"
+    ng-class="{active: configTemplate.is('interval') }"
     class="navbar-timepicker-auto-refresh-desc">
       <span ng-show="timefilter.refreshInterval.value === 0"><i class="fa fa-repeat"></i> Auto-refresh</span>
       <span ng-show="timefilter.refreshInterval.value > 0">{{timefilter.refreshInterval.display}}</span>
@@ -21,11 +21,11 @@
   </li>
 
   <li class="to-body" >
-    <button ng-class="{active: pickerTemplate.is('filter')}"
-      ng-click="pickerTemplate.toggle('filter')"
+    <button ng-class="{active: configTemplate.is('filter')}"
+      ng-click="configTemplate.toggle('filter')"
       aria-haspopup="true"
       aria-expanded="false"
-      class="btnnavbar-timepicker-time-desc">
+      class="navbar-timepicker-time-desc">
       <i aria-hidden="true" class="fa fa-clock-o"></i>
       <pretty-duration from="timefilter.time.from" to="timefilter.time.to"></pretty-duration>
     </button>

From 9c8c7f4c4747e4c8723fb4eb3c3b2384b013197a Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Thu, 11 Feb 2016 11:30:18 -0600
Subject: [PATCH 106/181] [timepicker] Update test selector

---
 test/support/pages/discover_page.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/support/pages/discover_page.js b/test/support/pages/discover_page.js
index 79ef45ac8c5b7..ab6d8f9c679f9 100644
--- a/test/support/pages/discover_page.js
+++ b/test/support/pages/discover_page.js
@@ -28,7 +28,7 @@ define(function (require) {
 
     getTimespanText: function getTimespanText() {
       return thisTime
-      .findByCssSelector('a.navbar-timepicker-time-desc pretty-duration.ng-isolate-scope')
+      .findByCssSelector('.navbar-timepicker-time-desc pretty-duration')
       .getVisibleText();
     },
 

From bc10322c640996bcecf79995bf64461024e355a2 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Thu, 11 Feb 2016 14:57:06 -0600
Subject: [PATCH 107/181] [timepicker] Set scope properly, update spinner
 selector on tests, wait for refresh button to hide

---
 src/plugins/kibana/public/visualize/editor/editor.html      | 2 +-
 src/plugins/kibana/public/visualize/editor/editor.js        | 2 +-
 src/plugins/kibana/public/visualize/editor/panels/load.html | 2 +-
 src/plugins/kibana/public/visualize/editor/panels/save.html | 6 +++---
 .../kibana/public/visualize/editor/panels/share.html        | 2 +-
 test/functional/apps/discover/_shared_links.js              | 5 +++++
 test/support/pages/header_page.js                           | 2 +-
 7 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/editor/editor.html b/src/plugins/kibana/public/visualize/editor/editor.html
index 73b189d378875..6c574188f46c9 100644
--- a/src/plugins/kibana/public/visualize/editor/editor.html
+++ b/src/plugins/kibana/public/visualize/editor/editor.html
@@ -45,7 +45,7 @@
   <config
     ng-if="chrome.getVisible()"
     config-template="configTemplate"
-    config-object="conf">
+    config-object="opts">
   </config>
 
   <navbar ng-if="chrome.getVisible()" name="visualize-search">
diff --git a/src/plugins/kibana/public/visualize/editor/editor.js b/src/plugins/kibana/public/visualize/editor/editor.js
index 824a15265a208..2e27fa5dc464c 100644
--- a/src/plugins/kibana/public/visualize/editor/editor.js
+++ b/src/plugins/kibana/public/visualize/editor/editor.js
@@ -128,7 +128,7 @@ uiModules
     $scope.state = $state;
     $scope.uiState = $state.makeStateful('uiState');
     $scope.timefilter = timefilter;
-    $scope.conf = _.pick($scope, 'doSave', 'savedVis', 'shareData', 'timefilter');
+    $scope.opts = _.pick($scope, 'doSave', 'savedVis', 'shareData', 'timefilter');
     $scope.configTemplate = configTemplate;
 
     editableVis.listeners.click = vis.listeners.click = filterBarClickHandler($state);
diff --git a/src/plugins/kibana/public/visualize/editor/panels/load.html b/src/plugins/kibana/public/visualize/editor/panels/load.html
index f67fd0952ad30..14108487dc9b9 100644
--- a/src/plugins/kibana/public/visualize/editor/panels/load.html
+++ b/src/plugins/kibana/public/visualize/editor/panels/load.html
@@ -1 +1 @@
-<saved-object-finder type="visualizations"></saved-object-finder>
\ No newline at end of file
+<saved-object-finder type="visualizations"></saved-object-finder>
diff --git a/src/plugins/kibana/public/visualize/editor/panels/save.html b/src/plugins/kibana/public/visualize/editor/panels/save.html
index fe846fc2c80d9..e0c6471ee09fa 100644
--- a/src/plugins/kibana/public/visualize/editor/panels/save.html
+++ b/src/plugins/kibana/public/visualize/editor/panels/save.html
@@ -1,7 +1,7 @@
-<form role="form" ng-submit="conf.doSave()">
+<form role="form" ng-submit="opts.doSave()">
   <div class="form-group">
     <label for="visTitle">Title</label>
-    <input class="form-control" input-focus="select" type="text" name="visTitle" ng-model="conf.savedVis.title" required>
+    <input class="form-control" input-focus="select" type="text" name="visTitle" ng-model="opts.savedVis.title" required>
   </div>
   <button type="submit" class="btn btn-primary">Save</button>
-</form>
\ No newline at end of file
+</form>
diff --git a/src/plugins/kibana/public/visualize/editor/panels/share.html b/src/plugins/kibana/public/visualize/editor/panels/share.html
index 016109cfff6f5..1eeaf5afa608e 100644
--- a/src/plugins/kibana/public/visualize/editor/panels/share.html
+++ b/src/plugins/kibana/public/visualize/editor/panels/share.html
@@ -1,4 +1,4 @@
 <share
   object-type="visualization"
-  object-id="{{conf.savedVis.id}}">
+  object-id="{{opts.savedVis.id}}">
 </share>
diff --git a/test/functional/apps/discover/_shared_links.js b/test/functional/apps/discover/_shared_links.js
index f590cc2dd44c6..1173eaaad5d74 100644
--- a/test/functional/apps/discover/_shared_links.js
+++ b/test/functional/apps/discover/_shared_links.js
@@ -51,6 +51,11 @@ define(function (require) {
           common.debug('setAbsoluteRange');
           return headerPage.setAbsoluteRange(fromTime, toTime);
         })
+        .then(function () {
+          //After hiding the time picker, we need to wait for
+          //the refresh button to hide before clicking the share button
+          return common.sleep(1000);
+        })
         .catch(common.handleError(this));
       });
 
diff --git a/test/support/pages/header_page.js b/test/support/pages/header_page.js
index 9f92f652644d1..511e5ef6e4744 100644
--- a/test/support/pages/header_page.js
+++ b/test/support/pages/header_page.js
@@ -148,7 +148,7 @@ define(function (require) {
       var self = this;
       return this.remote
       .setFindTimeout(defaultTimeout * 10)
-      .findByCssSelector('span.spinner.ng-hide');
+      .findByCssSelector('.navbar-text.ng-hide .spinner');
     }
 
   };

From f68055ee7831da0c18f2497dc085698ae793ff4b Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Thu, 11 Feb 2016 17:51:25 -0400
Subject: [PATCH 108/181] [SearchBar] Positioned the close button, updated the
 style on the pagination

---
 src/ui/public/directives/config.js   | 2 +-
 src/ui/public/styles/config.less     | 7 +++----
 src/ui/public/styles/pagination.less | 4 ++++
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/ui/public/directives/config.js b/src/ui/public/directives/config.js
index b6e110d51f942..8a8286b823b24 100644
--- a/src/ui/public/directives/config.js
+++ b/src/ui/public/directives/config.js
@@ -56,10 +56,10 @@ module.directive('config', function ($compile) {
         if (tmpl) {
           html = $compile('' +
             '<div class="config" ng-show="configTemplate">' +
-              wrapTmpl(tmpl) +
             '  <div class="config-close remove">' +
             '    <i class="fa fa-chevron-circle-up" ng-click="close()"></i>' +
             '  </div>' +
+              wrapTmpl(tmpl) +
             '</div>' +
             ''
           )(tmpScope);
diff --git a/src/ui/public/styles/config.less b/src/ui/public/styles/config.less
index f31e0ad655193..42d652132578e 100644
--- a/src/ui/public/styles/config.less
+++ b/src/ui/public/styles/config.less
@@ -8,12 +8,11 @@
   border-bottom-color: @config-border;
 
   .config-close {
-    width: 100%;
-    background-color: @config-close-bg;
-    border-radius: 0;
     text-align: right;
-    padding: 10px;
     line-height: 1em;
+    position: absolute;
+    right: 20px;
+    bottom: 25px;
   }
 
   .container-fluid {
diff --git a/src/ui/public/styles/pagination.less b/src/ui/public/styles/pagination.less
index c669e95eaca21..0279be489ab0e 100644
--- a/src/ui/public/styles/pagination.less
+++ b/src/ui/public/styles/pagination.less
@@ -26,9 +26,13 @@ paginate {
         > li {
           flex: 0 0 auto;
           user-select: none;
+          margin: 0 1px;
+          padding: 5px 10px;
+          background-color: #fff;
 
           a {
             text-decoration: none;
+            padding: 0;
           }
 
           a:hover {

From ff363d8596a5da4cc0a48d0feb128fc310a977db Mon Sep 17 00:00:00 2001
From: Chris Cowan <chris@chriscowan.us>
Date: Thu, 11 Feb 2016 15:01:16 -0700
Subject: [PATCH 109/181] Adding colors and fixing spacing

---
 .../directives/app_switcher/app_switcher.less | 31 +++++++++++++++++--
 1 file changed, 29 insertions(+), 2 deletions(-)

diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
index 528f058ada6a8..91ade1e78c1de 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -4,11 +4,15 @@
 // as - App Switcher
 @as-open-width: 160px;
 @as-closed-width: 53px;
-@app-icon-height: 30px;
+@app-icon-height: 36px;
 @transition-time: .35s;
 @transition-delay: .25s;
 @app-links-wrapper-background: #3caed2;
 
+@firstLinkColor: @kibanaYellow1;
+@secondLinkColor: @kibanaGreen1;
+@thirdLinkColor: #59C6C5;
+
 body { overflow-x: hidden; }
 
 .app-links-wrapper {
@@ -79,6 +83,7 @@ body { overflow-x: hidden; }
     height: @app-icon-height;
     line-height:  24px;
 
+
     > a {
       display: block;
       height: 100%;
@@ -102,7 +107,8 @@ body { overflow-x: hidden; }
       }
 
       > img {
-        height: 20px;
+        height: 16px;
+        margin-top: 6px;
       }
     }
 
@@ -139,6 +145,27 @@ body { overflow-x: hidden; }
       }
     }
 
+    &:nth-child(1) {
+      background-color: @firstLinkColor;
+      &:hover {
+        background-color: lighten(@firstLinkColor, 5%);
+      }
+    }
+
+    &:nth-child(2) {
+      background-color: @secondLinkColor;
+      &:hover {
+        background-color: lighten(@secondLinkColor, 5%);
+      }
+    }
+
+    &:nth-child(3) {
+      background-color: @thirdLinkColor;
+      &:hover {
+        background-color: lighten(@thirdLinkColor, 5%);
+      }
+    }
+
   }
 
 }

From d091d9f8572f1100d9bd386e94385a05308c376d Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Thu, 11 Feb 2016 16:05:31 -0600
Subject: [PATCH 110/181] [visualize] Update linked visualization color

---
 src/ui/public/styles/variables/for-theme.less | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ui/public/styles/variables/for-theme.less b/src/ui/public/styles/variables/for-theme.less
index 50b1af156ff0a..36553fc19ddcd 100644
--- a/src/ui/public/styles/variables/for-theme.less
+++ b/src/ui/public/styles/variables/for-theme.less
@@ -140,8 +140,8 @@
 @vis-editor-navbar-error-state-color: @btn-danger-color;
 
 @vis-editor-navbar-modal-bg: @navbar-default-bg;
-@vis-editor-navbar-modal-color: @white;
-@vis-editor-navbar-modal-link-color: @white;
+@vis-editor-navbar-modal-color: @kibanaGray1;
+@vis-editor-navbar-modal-link-color: @kibanaGray1;
 
 @vis-editor-sidebar-bg: @body-bg;
 @vis-editor-sidebar-border: @sidebar-bg;

From 26596e8d6f6c6babcdf4857b23c42e31e9c58274 Mon Sep 17 00:00:00 2001
From: Chris Cowan <chris@chriscowan.us>
Date: Thu, 11 Feb 2016 15:14:32 -0700
Subject: [PATCH 111/181] Fixing spacing a bit more and using the speced colors

---
 .../chrome/directives/app_switcher/app_switcher.less      | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
index 91ade1e78c1de..fd7d20be7fb97 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -4,13 +4,13 @@
 // as - App Switcher
 @as-open-width: 160px;
 @as-closed-width: 53px;
-@app-icon-height: 36px;
+@app-icon-height: 38px;
 @transition-time: .35s;
 @transition-delay: .25s;
 @app-links-wrapper-background: #3caed2;
 
-@firstLinkColor: @kibanaYellow1;
-@secondLinkColor: @kibanaGreen1;
+@firstLinkColor: #E4BB51;
+@secondLinkColor: #8AC336;
 @thirdLinkColor: #59C6C5;
 
 body { overflow-x: hidden; }
@@ -108,7 +108,7 @@ body { overflow-x: hidden; }
 
       > img {
         height: 16px;
-        margin-top: 6px;
+        margin-top: 8px;
       }
     }
 

From ca9ef6a40fa8d643784b2b8d13d44bfddd6b98b2 Mon Sep 17 00:00:00 2001
From: Chris Cowan <chris@chriscowan.us>
Date: Thu, 11 Feb 2016 15:23:37 -0700
Subject: [PATCH 112/181] Good enough

---
 src/ui/public/chrome/directives/app_switcher/app_switcher.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
index fd7d20be7fb97..0ddd95d33ed44 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -107,7 +107,7 @@ body { overflow-x: hidden; }
       }
 
       > img {
-        height: 16px;
+        height: 18px;
         margin-top: 8px;
       }
     }

From 5259b6300c755411d1d29c7b689de376a55d32b7 Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Thu, 11 Feb 2016 18:33:57 -0400
Subject: [PATCH 113/181] [Navbar] Made the navbar spacing universal, also
 properly sized the loading icon

---
 src/plugins/kibana/public/dashboard/styles/main.less       | 3 ---
 src/plugins/kibana/public/discover/styles/main.less        | 3 ---
 .../kibana/public/visualize/editor/styles/_editor.less     | 3 ---
 src/ui/public/styles/navbar.less                           | 7 ++++++-
 4 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/plugins/kibana/public/dashboard/styles/main.less b/src/plugins/kibana/public/dashboard/styles/main.less
index ed8736f2090c0..fdbef55cfb0f1 100644
--- a/src/plugins/kibana/public/dashboard/styles/main.less
+++ b/src/plugins/kibana/public/dashboard/styles/main.less
@@ -6,9 +6,6 @@
   navbar[name="dashboard-options"] {
     padding-bottom: 0;
   }
-  navbar[name="dashboard-search"] {
-    padding-bottom: 10px;
-  }
 }
 
 dashboard-grid {
diff --git a/src/plugins/kibana/public/discover/styles/main.less b/src/plugins/kibana/public/discover/styles/main.less
index d947c95778308..ef6cb62f8b634 100644
--- a/src/plugins/kibana/public/discover/styles/main.less
+++ b/src/plugins/kibana/public/discover/styles/main.less
@@ -5,9 +5,6 @@
   navbar[name="discover-options"] {
     padding-bottom: 0;
   }
-  navbar[name="discover-search"] {
-    padding-bottom: 10px;
-  }
 }
 
 .discover {
diff --git a/src/plugins/kibana/public/visualize/editor/styles/_editor.less b/src/plugins/kibana/public/visualize/editor/styles/_editor.less
index 755dbfbf88447..773eeb9e7c494 100644
--- a/src/plugins/kibana/public/visualize/editor/styles/_editor.less
+++ b/src/plugins/kibana/public/visualize/editor/styles/_editor.less
@@ -69,9 +69,6 @@
     padding-bottom: 0;
   }
 
-  navbar[name="visualize-search"] {
-    padding-bottom: 6px;
-  }
 
   &-actions {
     margin-left: auto;
diff --git a/src/ui/public/styles/navbar.less b/src/ui/public/styles/navbar.less
index 44e360da900f2..20c0ef599c795 100644
--- a/src/ui/public/styles/navbar.less
+++ b/src/ui/public/styles/navbar.less
@@ -6,7 +6,7 @@ navbar {
   max-height: @navbar-collapse-max-height;
   margin-bottom: @navbar-margin-bottom;
   // top and bottom padding are normally calcuated and stored in @navbar-padding-vertical, but flexbox
-  padding: 0 @navbar-padding-horizontal;
+  padding: 0 @navbar-padding-horizontal 6px @navbar-padding-horizontal;
   color: @navbar-default-color;
   background-color: @navbar-default-bg;
   border: none;
@@ -20,6 +20,11 @@ navbar {
     padding-right: @navbar-padding-horizontal;
   }
 
+  .navbar-text {
+    margin-top: 6px;
+    margin-bottom: 6px;
+  }
+
   // the "brand" that is displayed, usually on the left of the navbar
   > .name {
     align-self: center;

From 6f8f7bc49b3e03016545643bde421cd9bcc1576a Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Thu, 11 Feb 2016 16:08:00 -0700
Subject: [PATCH 114/181] Tighten up spacing, add pink border on hover

---
 .../kibana/public/dashboard/styles/main.less  | 37 +++++++++++++------
 1 file changed, 25 insertions(+), 12 deletions(-)

diff --git a/src/plugins/kibana/public/dashboard/styles/main.less b/src/plugins/kibana/public/dashboard/styles/main.less
index 3a60cdeec7d06..154c49a9698f0 100644
--- a/src/plugins/kibana/public/dashboard/styles/main.less
+++ b/src/plugins/kibana/public/dashboard/styles/main.less
@@ -39,6 +39,24 @@ dashboard-grid {
     width: 25px;
   }
 
+  .gs-w {
+    border: 2px dashed transparent;
+
+    &:hover {
+      border-color: @kibanaPink1;
+
+      dashboard-panel {
+        .visualize-show-spy {
+          visibility: visible;
+        }
+        .panel .panel-heading .btn-group {
+          display: block !important;
+        }
+      }
+
+    }
+  }
+
   i.remove {
     cursor: pointer;
   }
@@ -61,19 +79,23 @@ dashboard-grid {
       display: flex;
       flex-direction: column;
       justify-content: flex-start;
-      border: none 0 transparent;
+      border: 2px dashed transparent;
 
 
       .panel-heading {
+        padding: 0px 0px 5px 5px;
         flex: 0 0 auto;
         white-space: nowrap;
         display: flex;
         border-top-right-radius: 0;
         border-top-left-radius: 0;
-        background-color: #fff;
-        border: none 0 transparent;
+        background-color: @white;
+        border: none;
 
         .btn-group {
+          a {
+            color: inherit;
+          }
           display: none;
           white-space: nowrap;
           flex: 0 0 auto;
@@ -111,15 +133,6 @@ dashboard-grid {
         visibility: hidden;
       }
 
-      &:hover {
-        .visualize-show-spy {
-          visibility: visible;
-        }
-        .btn-group {
-          display: block;
-        }
-      }
-
       .load-error {
         text-align: center;
         font-size: 1em;

From 1ff765b4a1adf0fed38a34d72a2b31334f6a84e3 Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Thu, 11 Feb 2016 16:16:35 -0700
Subject: [PATCH 115/181] Use gray instead of pink

---
 src/plugins/kibana/public/dashboard/styles/main.less | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/plugins/kibana/public/dashboard/styles/main.less b/src/plugins/kibana/public/dashboard/styles/main.less
index 31e22852c6606..e48e1eae4b19b 100644
--- a/src/plugins/kibana/public/dashboard/styles/main.less
+++ b/src/plugins/kibana/public/dashboard/styles/main.less
@@ -40,7 +40,7 @@ dashboard-grid {
     border: 2px dashed transparent;
 
     &:hover {
-      border-color: @kibanaPink1;
+      border-color: @kibanaGray4;
 
       dashboard-panel {
         .visualize-show-spy {
@@ -76,8 +76,7 @@ dashboard-grid {
       display: flex;
       flex-direction: column;
       justify-content: flex-start;
-      border: 2px dashed transparent;
-
+      border: 0 solid transparent;
 
       .panel-heading {
         padding: 0px 0px 5px 5px;

From e78d434d87d81c823e05da663ed9f507b11db094 Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Thu, 11 Feb 2016 16:46:42 -0700
Subject: [PATCH 116/181] Make sidebar buttons and index patterns the same
 height

---
 src/ui/public/styles/sidebar.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/public/styles/sidebar.less b/src/ui/public/styles/sidebar.less
index 9b47ae9bc6164..f6671b25ace87 100644
--- a/src/ui/public/styles/sidebar.less
+++ b/src/ui/public/styles/sidebar.less
@@ -140,7 +140,7 @@
     display: flex;
     justify-content: space-between;
     background-color: @kibanaGray4;
-    line-height: 24px;
+    line-height: 28px;
 
     > * {
       flex: 0 1 auto;

From 910027a9bbee3d5e67623477c601c6b4232ad58b Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 11 Feb 2016 15:49:03 -0800
Subject: [PATCH 117/181] removing dropdown menu, splitting screen on step_2 as
 in step_1.html, etc.

---
 .../public/visualize/wizard/step_1.html       |  2 +-
 .../public/visualize/wizard/step_2.html       | 57 +++++++++++--------
 .../kibana/public/visualize/wizard/wizard.js  |  5 ++
 3 files changed, 38 insertions(+), 26 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/wizard/step_1.html b/src/plugins/kibana/public/visualize/wizard/step_1.html
index 9647603408c3e..11918016656fb 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_1.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_1.html
@@ -22,7 +22,7 @@ <h3>Or, Open a Saved Visualization</h3>
       <saved-object-finder
         title="Saved Visualizations"
         type="visualizations"
-        class="step-1-wizard"
+        class="step-1-wizard">
       </saved-object-finder>
     </div>
   </div>
diff --git a/src/plugins/kibana/public/visualize/wizard/step_2.html b/src/plugins/kibana/public/visualize/wizard/step_2.html
index 23a0b33d025f8..d2ede465c425a 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_2.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_2.html
@@ -1,27 +1,34 @@
-<h3>Create New Visualization: Select Source</h3>
-<ul class="list-group list-group-menu">
-  <li class="step-2-list list-group-item">
-    <!-- Index patterns -->
-    <div class="search-padding">
-      <label>From a New Search</label>
+<div class="wizard-vis-container">
+  <div class="wizard">
+
+    <div class="wizard-vis-column first">
+      <h3>From a New Search</h3>
+      <!-- Index patterns -->
+      <table class="table table-striped">
+        <thead>
+          <tr>
+            <th>Indices</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr ng-repeat="pattern in indexPattern.list">
+            <td>
+              <a href ng-click="goToUrl(pattern)">{{pattern}}</a>
+            </td>
+          </tr>
+        </tbody>
+      </table>
     </div>
-    <div class="search-padding form-group">
-      <select class="form-text form-control"
-              ng-model="indexPattern.selection"
-              ng-options="pattern as pattern for pattern in indexPattern.list | orderBy:'toString()'">
-        <option value="">Select an index pattern...</option>
-      </select>
+
+    <div class="wizard-vis-column">
+      <h3>Or, From a Saved Search</h3>
+      <!-- Saved searches -->
+      <saved-object-finder
+          title="Saved Searches"
+          type="searches"
+          make-url="step2WithSearchUrl">
+      </saved-object-finder>
     </div>
-  </li>
-  <li class="list-search-item list-group-item">
-    <!-- Saved searches -->
-    <div class="saved-search-label" >
-      <label>Or, From a Saved Search<label>
-    </div>
-    <saved-object-finder
-            title="Saved Searches"
-            type="searches"
-            make-url="step2WithSearchUrl">
-    </saved-object-finder>
-  </li>
-</ul>
+
+  </div>
+</div>
diff --git a/src/plugins/kibana/public/visualize/wizard/wizard.js b/src/plugins/kibana/public/visualize/wizard/wizard.js
index 6d2abfbc1ae64..eff659658d961 100644
--- a/src/plugins/kibana/public/visualize/wizard/wizard.js
+++ b/src/plugins/kibana/public/visualize/wizard/wizard.js
@@ -56,6 +56,11 @@ module.controller('VisualizeWizardStep2', function ($route, $scope, $location, t
     list: $route.current.locals.indexPatternIds
   };
 
+  $scope.goToUrl = function (pattern) {
+    if (!pattern) return;
+    kbnUrl.change('/visualize/create?type={{type}}&indexPattern={{pattern}}', {type: type, pattern: pattern});
+  };
+
   $scope.$watch('stepTwoMode', function (mode) {
     if (mode === 'new') {
       if ($scope.indexPattern.list && $scope.indexPattern.list.length === 1) {

From 4622a4c95398300afac497b461a9368d2a0fb6f6 Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Thu, 11 Feb 2016 17:00:12 -0700
Subject: [PATCH 118/181] Change cursor to pointer when hovering panel-header,
 make panel header gray on hover of panel

---
 src/plugins/kibana/public/dashboard/styles/main.less | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/plugins/kibana/public/dashboard/styles/main.less b/src/plugins/kibana/public/dashboard/styles/main.less
index e48e1eae4b19b..af0d21d72852a 100644
--- a/src/plugins/kibana/public/dashboard/styles/main.less
+++ b/src/plugins/kibana/public/dashboard/styles/main.less
@@ -46,8 +46,14 @@ dashboard-grid {
         .visualize-show-spy {
           visibility: visible;
         }
-        .panel .panel-heading .btn-group {
-          display: block !important;
+        .panel .panel-heading {
+          background-color: @kibanaGray6;
+          &:hover {
+            cursor: pointer;
+          }
+          .btn-group {
+            display: block !important;
+          }
         }
       }
 
@@ -79,7 +85,7 @@ dashboard-grid {
       border: 0 solid transparent;
 
       .panel-heading {
-        padding: 0px 0px 5px 5px;
+        padding: 0px 0px 0px 5px;
         flex: 0 0 auto;
         white-space: nowrap;
         display: flex;

From ee2b0b096e6de7b29ab671e6779471b760fef0b7 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 11 Feb 2016 16:02:33 -0800
Subject: [PATCH 119/181] renaming table header, correcting link function

---
 src/plugins/kibana/public/visualize/styles/main.less   | 5 +++++
 src/plugins/kibana/public/visualize/wizard/step_2.html | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/styles/main.less b/src/plugins/kibana/public/visualize/styles/main.less
index 3a968c92dd872..7844bd9712251 100644
--- a/src/plugins/kibana/public/visualize/styles/main.less
+++ b/src/plugins/kibana/public/visualize/styles/main.less
@@ -48,6 +48,11 @@
   color: @kibanaBlue2;
 }
 
+.index-link {
+  text-decoration: @link-hover-decoration !important;
+  color: @kibanaBlue2;
+}
+
 .icon-color {
   color: @icon-background-color;
 }
diff --git a/src/plugins/kibana/public/visualize/wizard/step_2.html b/src/plugins/kibana/public/visualize/wizard/step_2.html
index d2ede465c425a..377aba6798d62 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_2.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_2.html
@@ -7,13 +7,13 @@ <h3>From a New Search</h3>
       <table class="table table-striped">
         <thead>
           <tr>
-            <th>Indices</th>
+            <th>Index Patterns</th>
           </tr>
         </thead>
         <tbody>
           <tr ng-repeat="pattern in indexPattern.list">
             <td>
-              <a href ng-click="goToUrl(pattern)">{{pattern}}</a>
+              <a class="index-link"  href ng-click="goToUrl(pattern)">{{pattern}}</a>
             </td>
           </tr>
         </tbody>

From a214dcd41be93928f35a87aaf5bf9e3f77a5beee Mon Sep 17 00:00:00 2001
From: Chris Cowan <chris@chriscowan.us>
Date: Thu, 11 Feb 2016 17:13:35 -0700
Subject: [PATCH 120/181] Changes for the new spinner

---
 src/plugins/kibana/public/discover/index.html |  1 -
 .../directives/active_http_spinner.html       |  6 +-
 src/ui/public/styles/spinner.less             | 77 +++++++------------
 3 files changed, 28 insertions(+), 56 deletions(-)

diff --git a/src/plugins/kibana/public/discover/index.html b/src/plugins/kibana/public/discover/index.html
index a2d3033b8a5d7..206e0ba3b878d 100644
--- a/src/plugins/kibana/public/discover/index.html
+++ b/src/plugins/kibana/public/discover/index.html
@@ -150,7 +150,6 @@ <h4>Examples:</h4>
           <div ng-show="resultState === 'loading'">
             <div class="discover-overlay">
               <h2>Searching</h2>
-              <div class="spinner large"></div>
               <div ng-show="fetchStatus">{{fetchStatus.complete}}/{{fetchStatus.total}}</div>
             </div>
           </div>
diff --git a/src/ui/public/chrome/directives/active_http_spinner.html b/src/ui/public/chrome/directives/active_http_spinner.html
index d7c9b64fbe3c6..eac432ce1ee6a 100644
--- a/src/ui/public/chrome/directives/active_http_spinner.html
+++ b/src/ui/public/chrome/directives/active_http_spinner.html
@@ -1,5 +1 @@
-<ul class="nav navbar-nav navbar-right navbar-timepicker" >
-  <li ng-show="chrome.httpActive.length" class="navbar-text hidden-xs">
-    <div class="spinner"></div>
-  </li>
-</ul>
+<div class="spinner" ng-show="chrome.httpActive.length"></div>
diff --git a/src/ui/public/styles/spinner.less b/src/ui/public/styles/spinner.less
index 9178688a5387b..cf76f0ba03d28 100644
--- a/src/ui/public/styles/spinner.less
+++ b/src/ui/public/styles/spinner.less
@@ -1,55 +1,32 @@
 @import "~ui/styles/variables";
 
-.spinner {
-  margin: 0px auto 0;
-  white-space: nowrap;
-  text-align: center;
-  display: inline;
-}
-
-.spinner > div {
-  width: 10px;
-  height: 10px;
-  background-color: @spinner-bg;
-  border-radius: 100%;
-  display: inline-block;
-  -webkit-animation: bouncedelay 1s infinite ease-in-out;
-  animation: bouncedelay 1s infinite ease-in-out;
-  /* Prevent first frame from flickering when animation starts */
-  -webkit-animation-fill-mode: both;
-  animation-fill-mode: both;
-}
-
-.navbar .spinner > div {
-  background-color: @navbar-default-link-color;
-}
-
-.spinner.large > div {
-  width: 24px;
-  height: 24px;
-}
+@size: 400px;
+@color1: @kibanaPink1;
+@color2: @kibanaPink2;
 
-.spinner .bounce1 {
-  -webkit-animation-delay: -0.32s;
-  animation-delay: -0.32s;
-}
-
-.spinner .bounce2 {
-  -webkit-animation-delay: -0.16s;
-  animation-delay: -0.16s;
-}
-
-@-webkit-keyframes bouncedelay {
-  0%, 80%, 100% { -webkit-transform: scale(0.0) }
-  40% { -webkit-transform: scale(1.0) }
-}
-
-@keyframes bouncedelay {
-  0%, 80%, 100% {
-    transform: scale(0.0);
-    -webkit-transform: scale(0.0);
-  } 40% {
-    transform: scale(1.0);
-    -webkit-transform: scale(1.0);
+.spinner {
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 2px;
+  position: absolute;
+  display: block;
+  animation: move 2s linear infinite;
+  background-color: @kibanaPink2;
+  background-image: linear-gradient(to right,
+    @color1 0%,
+    @color1 50%,
+    @color2 50%,
+    @color2 100%
+    );
+  background-size: @size @size;
+}
+
+@keyframes move {
+  0% {
+    background-position: 0 0;
+  }
+  100% {
+    background-position: @size @size;
   }
 }

From 978798919c87ad00fe384bcf979558c82c4ec42d Mon Sep 17 00:00:00 2001
From: Chris Cowan <chris@chriscowan.us>
Date: Thu, 11 Feb 2016 17:15:24 -0700
Subject: [PATCH 121/181] Removing the spinner content

---
 src/ui/public/directives/__tests__/spinner.js | 52 -------------------
 src/ui/public/directives/spinner.js           | 11 ----
 2 files changed, 63 deletions(-)
 delete mode 100644 src/ui/public/directives/__tests__/spinner.js
 delete mode 100644 src/ui/public/directives/spinner.js

diff --git a/src/ui/public/directives/__tests__/spinner.js b/src/ui/public/directives/__tests__/spinner.js
deleted file mode 100644
index a585297395b80..0000000000000
--- a/src/ui/public/directives/__tests__/spinner.js
+++ /dev/null
@@ -1,52 +0,0 @@
-import angular from 'angular';
-import expect from 'expect.js';
-import ngMock from 'ngMock';
-import $ from 'jquery';
-import 'plugins/kibana/discover/index';
-
-
-var $parentScope;
-
-var $scope;
-
-var $elem;
-
-var init = function () {
-  // Load the application
-  ngMock.module('kibana');
-
-  // Create the scope
-  ngMock.inject(function ($rootScope, $compile) {
-
-    // Give us a scope
-    $parentScope = $rootScope;
-
-    // Create the element
-    $elem = angular.element(
-      '<span class="spinner"></span>'
-    );
-
-    // And compile it
-    $compile($elem)($parentScope);
-
-    // Fire a digest cycle
-    $elem.scope().$digest();
-
-    // Grab the isolate scope so we can test it
-    $scope = $elem.isolateScope();
-  });
-};
-
-
-describe('spinner directive', function () {
-
-  beforeEach(function () {
-    init();
-  });
-
-  it('should contain 3 divs', function (done) {
-    expect($elem.children('div').length).to.be(3);
-    done();
-  });
-
-});
diff --git a/src/ui/public/directives/spinner.js b/src/ui/public/directives/spinner.js
deleted file mode 100644
index c839b299e4c13..0000000000000
--- a/src/ui/public/directives/spinner.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import uiModules from 'ui/modules';
-var html = '<div class="bounce1"></div> <div class="bounce2"></div> <div class="bounce3"></div>';
-var module = uiModules.get('kibana');
-
-module.directive('spinner', function () {
-  return {
-    restrict: 'C',
-    template: html
-  };
-});
-

From 1ea8f648fc47d90186e37bd6e9749e6e2ab7bced Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 11 Feb 2016 16:22:32 -0800
Subject: [PATCH 122/181] cleaning up

---
 src/plugins/kibana/public/visualize/styles/main.less   | 9 +++++++++
 src/plugins/kibana/public/visualize/wizard/step_2.html | 5 +++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/styles/main.less b/src/plugins/kibana/public/visualize/styles/main.less
index 7844bd9712251..f504052437f69 100644
--- a/src/plugins/kibana/public/visualize/styles/main.less
+++ b/src/plugins/kibana/public/visualize/styles/main.less
@@ -48,6 +48,15 @@
   color: @kibanaBlue2;
 }
 
+.step-2-table {
+  margin-bottom: 0;
+  border-bottom: 1px solid @kibanaGray6;
+}
+
+.step-2-table-header {
+  padding: 16px !important;
+}
+
 .index-link {
   text-decoration: @link-hover-decoration !important;
   color: @kibanaBlue2;
diff --git a/src/plugins/kibana/public/visualize/wizard/step_2.html b/src/plugins/kibana/public/visualize/wizard/step_2.html
index 377aba6798d62..91d8c78f8e19c 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_2.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_2.html
@@ -4,10 +4,10 @@
     <div class="wizard-vis-column first">
       <h3>From a New Search</h3>
       <!-- Index patterns -->
-      <table class="table table-striped">
+      <table class="step-2-table table table-striped">
         <thead>
           <tr>
-            <th>Index Patterns</th>
+            <th class="step-2-table-header">Index Patterns</th>
           </tr>
         </thead>
         <tbody>
@@ -24,6 +24,7 @@ <h3>From a New Search</h3>
       <h3>Or, From a Saved Search</h3>
       <!-- Saved searches -->
       <saved-object-finder
+          class="step-1-wizard"
           title="Saved Searches"
           type="searches"
           make-url="step2WithSearchUrl">

From b184e0816280f3829bddc71e339f6361cc21df4d Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 11 Feb 2016 16:24:34 -0800
Subject: [PATCH 123/181] removing unused functions that will surely break
 tests

---
 .../kibana/public/visualize/wizard/wizard.js        | 13 -------------
 1 file changed, 13 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/wizard/wizard.js b/src/plugins/kibana/public/visualize/wizard/wizard.js
index eff659658d961..5ff8043251a0d 100644
--- a/src/plugins/kibana/public/visualize/wizard/wizard.js
+++ b/src/plugins/kibana/public/visualize/wizard/wizard.js
@@ -60,17 +60,4 @@ module.controller('VisualizeWizardStep2', function ($route, $scope, $location, t
     if (!pattern) return;
     kbnUrl.change('/visualize/create?type={{type}}&indexPattern={{pattern}}', {type: type, pattern: pattern});
   };
-
-  $scope.$watch('stepTwoMode', function (mode) {
-    if (mode === 'new') {
-      if ($scope.indexPattern.list && $scope.indexPattern.list.length === 1) {
-        $scope.indexPattern.selection = $scope.indexPattern.list[0];
-      }
-    }
-  });
-
-  $scope.$watch('indexPattern.selection', function (pattern) {
-    if (!pattern) return;
-    kbnUrl.change('/visualize/create?type={{type}}&indexPattern={{pattern}}', {type: type, pattern: pattern});
-  });
 });

From 27138d18c9255587d700970d5c13a07c42e55ad4 Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Thu, 11 Feb 2016 17:20:11 -0700
Subject: [PATCH 124/181] Align filter bar with sidebar button heights

---
 src/ui/public/filter_bar/filter_bar.less | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/ui/public/filter_bar/filter_bar.less b/src/ui/public/filter_bar/filter_bar.less
index e68afae45e958..2bcc465c1dafe 100644
--- a/src/ui/public/filter_bar/filter_bar.less
+++ b/src/ui/public/filter_bar/filter_bar.less
@@ -47,13 +47,12 @@ filter-bar .confirm {
 }
 
 filter-bar .bar {
-  padding: 6px 6px 4px 6px;
+  padding: 5px 6px 3px 6px;
   background: @filter-bar-bar-bg;
-  border-bottom: 1px solid;
-  border-bottom-color: @filter-bar-bar-border;
+  border-bottom: 0;
 
   &-condensed {
-    padding: 2px 6px 0px 6px !important;
+    padding: 6px 6px 2px 6px !important;
     font-size: 0.9em;
     background: @filter-bar-bar-condensed-bg;
   }

From 040969caec1c3b1bbb66f85b65dd465b407c1d73 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 11 Feb 2016 16:34:05 -0800
Subject: [PATCH 125/181] fixing issue with left column not expanding to match
 right column in step-2

---
 .../public/visualize/wizard/step_2.html       | 30 ++++++++++---------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/wizard/step_2.html b/src/plugins/kibana/public/visualize/wizard/step_2.html
index 91d8c78f8e19c..644aded07e766 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_2.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_2.html
@@ -4,20 +4,22 @@
     <div class="wizard-vis-column first">
       <h3>From a New Search</h3>
       <!-- Index patterns -->
-      <table class="step-2-table table table-striped">
-        <thead>
-          <tr>
-            <th class="step-2-table-header">Index Patterns</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr ng-repeat="pattern in indexPattern.list">
-            <td>
-              <a class="index-link"  href ng-click="goToUrl(pattern)">{{pattern}}</a>
-            </td>
-          </tr>
-        </tbody>
-      </table>
+      <div class="step-1-wizard">
+        <table class="step-2-table table table-striped">
+          <thead>
+            <tr>
+              <th class="step-2-table-header">Index Patterns</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr ng-repeat="pattern in indexPattern.list">
+              <td>
+                <a class="index-link"  href ng-click="goToUrl(pattern)">{{pattern}}</a>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
     </div>
 
     <div class="wizard-vis-column">

From 7bc557314b5d3f0823c305963d271064b18e2382 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 11 Feb 2016 16:35:59 -0800
Subject: [PATCH 126/181] fixing issue with right column not matching left
 column on step-1

---
 .../public/visualize/wizard/step_1.html       | 21 ++++++++++---------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/wizard/step_1.html b/src/plugins/kibana/public/visualize/wizard/step_1.html
index 11918016656fb..ebd8d5ec64589 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_1.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_1.html
@@ -2,18 +2,19 @@
   <div class="wizard">
     <div class="wizard-vis-column first">
       <h3>Create New Visualization</h3>
-      <div class="wizard-vis-types">
-        <a class="wizard-vis-type"
-          ng-repeat="type in visTypes.inTitleOrder"
-          ng-href="{{ visTypeUrl(type) }}">
+      <div class="step-1-wizard">
+        <div class="wizard-vis-types"> <a class="wizard-vis-type"
+            ng-repeat="type in visTypes.inTitleOrder"
+            ng-href="{{ visTypeUrl(type) }}">
 
-          <div class="wizard-vis-type-heading">
-            <i aria-hidden="true" class="fa fa-fw icon-color" ng-class="type.icon"></i>
-            <h4>{{type.title}}</h4>
-          </div>
+            <div class="wizard-vis-type-heading">
+              <i aria-hidden="true" class="fa fa-fw icon-color" ng-class="type.icon"></i>
+              <h4>{{type.title}}</h4>
+            </div>
 
-          <p class="wizard-vis-type-description">{{type.description}}</p>
-        </a>
+            <p class="wizard-vis-type-description">{{type.description}}</p>
+          </a>
+        </div>
       </div>
     </div>
 

From 6252706a0d7f88489522f2be71ba007500e731a9 Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Thu, 11 Feb 2016 17:44:05 -0700
Subject: [PATCH 127/181] Remove border radius on timepicker button

---
 src/ui/public/styles/base.less | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
index f7297917a8321..330170303dd83 100644
--- a/src/ui/public/styles/base.less
+++ b/src/ui/public/styles/base.less
@@ -199,6 +199,10 @@ a {
     font-size: 16px;
     vertical-align: middle;
   }
+
+  button {
+    border-radius: 0;
+  }
 }
 
 kbn-info i {

From e1148dfb080778d93e8db6a2196ae7651161eff0 Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Fri, 12 Feb 2016 08:43:27 -0700
Subject: [PATCH 128/181] Remove opacity change from discover, fix spinner
 flicker

---
 src/plugins/kibana/public/discover/styles/main.less | 4 ++++
 src/ui/public/styles/spinner.less                   | 6 ++++++
 2 files changed, 10 insertions(+)

diff --git a/src/plugins/kibana/public/discover/styles/main.less b/src/plugins/kibana/public/discover/styles/main.less
index ef6cb62f8b634..4dadbfa5c6911 100644
--- a/src/plugins/kibana/public/discover/styles/main.less
+++ b/src/plugins/kibana/public/discover/styles/main.less
@@ -32,6 +32,10 @@
       height: 200px;
       max-height: 600px;
 
+      .loading {
+        opacity: 1 !important;
+      }
+
       &.only-spy {
         height: auto;
 
diff --git a/src/ui/public/styles/spinner.less b/src/ui/public/styles/spinner.less
index cf76f0ba03d28..5ffa61f441b46 100644
--- a/src/ui/public/styles/spinner.less
+++ b/src/ui/public/styles/spinner.less
@@ -4,6 +4,12 @@
 @color1: @kibanaPink1;
 @color2: @kibanaPink2;
 
+.spinner.ng-hide {
+  display: block !important;
+  opacity: 0;
+  transition-delay: 0.25s;
+}
+
 .spinner {
   top: 0;
   left: 0;

From c5757895dddbe483aa0e39714a9523cfdd00c060 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Fri, 12 Feb 2016 12:48:12 -0800
Subject: [PATCH 129/181] adding capitalize filter to deal with title words,
 tweaking padding, etc for the saved object finder

---
 .../kibana/public/visualize/styles/main.less  | 62 +++++++++++++--
 src/ui/public/filters/__tests__/capitalize.js | 50 ++++++++++++
 src/ui/public/filters/capitalize.js           | 31 ++++++++
 .../public/partials/saved_object_finder.html  | 76 ++++++++++---------
 src/ui/public/styles/pagination.less          |  1 +
 src/ui/public/styles/variables/for-theme.less |  2 +-
 6 files changed, 180 insertions(+), 42 deletions(-)
 create mode 100644 src/ui/public/filters/__tests__/capitalize.js
 create mode 100644 src/ui/public/filters/capitalize.js

diff --git a/src/plugins/kibana/public/visualize/styles/main.less b/src/plugins/kibana/public/visualize/styles/main.less
index f504052437f69..7dc829b4b6adc 100644
--- a/src/plugins/kibana/public/visualize/styles/main.less
+++ b/src/plugins/kibana/public/visualize/styles/main.less
@@ -4,6 +4,34 @@
 
 @icon-background-color: #416376;
 
+ul.li-not-striped {
+  li:nth-child(odd) {
+    background-color: transparent !important;
+  }
+
+  li:nth-child(even) {
+    background-color: transparent !important;
+  }
+
+  padding: 0;
+  display: flex;
+  flex-direction: row;
+}
+
+ul.li-striped {
+  li {
+    border: none;
+  }
+
+  li:nth-child(odd) {
+    background-color: @kibanaGray6;
+  }
+
+  li:nth-child(even) {
+    background-color: @white;
+  }
+}
+
 .step-1-wizard {
   flex: 1;
   background-color: @kibanaGray6;
@@ -72,13 +100,12 @@
 }
 
 .table-type-label {
-  color: @kibanaGray2;
+  color: @kibanaGray2 !important;
   font-weight: normal;
-  text-align: center;
 }
 
 .table-label {
-  color: @kibanaGray1;
+  color: @kibanaGray1 !important;
   font-weight: normal;
 }
 
@@ -117,7 +144,7 @@
 
 .saved-object-finder-input {
   float: left !important;
-  flex: 10;
+  flex: 8;
 
   span {
     padding: 5px 0px;
@@ -132,16 +159,41 @@
   }
 }
 
+.saved-object-finder-column-manage {
+  flex: 3;
+  padding: 5px;
+  text-align: left;
+  min-width: 80px;
+}
+
 .saved-object-finder-column {
   text-align: center;
   padding: 5px;
-  flex: 2;
+  flex: 1;
+  min-width: 80px;
 
   span {
     color: @kibanaGray3;
   }
 }
 
+.list-header {
+  padding-top: 0;
+}
+
+.list-type {
+  width: 50px;
+  text-align: center;
+}
+
+.list-name {
+  flex: 1;
+}
+
+.list-body {
+  padding: 8px 15px;
+}
+
 .saved-object-finder-table {
   width: 100%;
 }
diff --git a/src/ui/public/filters/__tests__/capitalize.js b/src/ui/public/filters/__tests__/capitalize.js
new file mode 100644
index 0000000000000..5ab192fd2ca81
--- /dev/null
+++ b/src/ui/public/filters/__tests__/capitalize.js
@@ -0,0 +1,50 @@
+import angular from 'angular';
+import _ from 'lodash';
+import expect from 'expect.js';
+import ngMock from 'ngMock';
+import 'ui/filters/capitalize';
+
+var filter;
+
+var strings = [
+  'capitalize',
+  'saved searches',
+  'an awesome visualization',
+  'saved searches of the tenth degree',
+  'the title'
+];
+
+var notAString = 10;
+
+var init = function (expandable) {
+  // Load the application
+  ngMock.module('kibana');
+
+  // Create the scope
+  ngMock.inject(function ($filter) {
+    filter = $filter('capitalize');
+  });
+};
+
+describe('capitalize filter', function () {
+
+  beforeEach(function () {
+    init();
+  });
+
+  it('should have a capitalize filter', function () {
+    expect(filter).to.not.be(null);
+  });
+
+  it('should not capitalize certain words', function () {});
+
+  it('should always capitalize the first letter of the first word of a title', function () {});
+
+  it('should capitalize the first letter of a qualified string', function () {
+    expect(filter(string).charAt(0)).to.be(string.charAt(0).toUpperCase());
+  });
+
+  it('should simply return non-string types', function () {
+    expect(filter(notAString)).to.be(notAString);
+  });
+});
diff --git a/src/ui/public/filters/capitalize.js b/src/ui/public/filters/capitalize.js
new file mode 100644
index 0000000000000..d6de6b1c70304
--- /dev/null
+++ b/src/ui/public/filters/capitalize.js
@@ -0,0 +1,31 @@
+import _ from 'lodash';
+import uiModules from 'ui/modules';
+// Capitalize the first letter of titlized words
+
+uiModules
+.get('kibana')
+.filter('capitalize', function () {
+  const nonCapitalizedWords = ['a', 'an', 'the', 'and', 'but', 'or', 'for', 'nor', 'etc', 'on', 'at', 'to', 'from', 'by'];
+
+  return function (token) {
+    if (!_.isString(token)) return token;
+
+    const words = token.split(' ');
+    let str = '';
+
+    words.forEach((word, index) => {
+      // Always capitalize the first letter of the first word in a title.
+      if (_.indexOf(nonCapitalizedWords, word) !== -1 && index !== 0) {
+        str = str + word + ' ';
+      }
+
+      if (index === words.length - 1) {
+        str = str + word.charAt(0).toUpperCase() + word.slice(1);
+      } else {
+        str = str + word.charAt(0).toUpperCase() + word.slice(1) + ' ';
+      }
+    });
+
+    return str;
+  };
+});
diff --git a/src/ui/public/partials/saved_object_finder.html b/src/ui/public/partials/saved_object_finder.html
index 1b4769ceaadfe..79351aa9d779e 100644
--- a/src/ui/public/partials/saved_object_finder.html
+++ b/src/ui/public/partials/saved_object_finder.html
@@ -8,7 +8,7 @@
         <input
           input-focus
           ng-model="filter"
-          placeholder="Filter..."
+          ng-attr-placeholder="{{finder.properties.noun | capitalize}} Filter"
           ng-keydown="finder.filterKeyDown($event)"
           class="form-control"
           name="filter"
@@ -17,49 +17,53 @@
       <div class="saved-object-finder-column col-md-2">
         <span>{{finder.hitCount}} of {{finder.hitCount}}</span>
       </div>
-      <div class="saved-object-finder-column col-md-2">
-        <a class="small" ng-click="finder.manageObjects(finder.properties.name)">Manage</a>
+      <div class="saved-object-finder-column-manage col-md-2">
+        <a class="small" ng-click="finder.manageObjects(finder.properties.name)">Manage {{finder.properties.nouns | capitalize}}</a>
       </div>
     </div>
   </div>
 </form>
 <paginate list="finder.hits" per-page="20" class="paginate-style">
-  <table class="list-group list-group-menu table table-striped"
+  <ul class="li-striped list-group list-group-menu"
     ng-class="{'select-mode': finder.selector.enabled}">
 
-    <thead ng-show="finder.properties.noun === 'Visualization'">
-      <tr ng-hide="finder.hits.length === 0">
-        <th class="table-type-label col-md-1 ">Type</th>
-        <th class="table-label col-md-11">
+    <li class="list-header list-group-item list-group-menu-item">
+      <ul class="li-not-striped">
+        <li class="list-type table-type-label" ng-show="finder.properties.noun === 'Visualization'">Type</li>
+        <li class="list-name table-label">
           Name
           <!-- <span class="fa fa-caret-up"></span> -->
           <span class="fa fa-caret-down"></span>
-        </th>
-      </tr>
-    <thead>
-    <tbody>
-      <tr ng-class="{'active': finder.selector.index === $index && finder.selector.enabled}"
-          ng-repeat="hit in page"
-          ng-keydown="finder.hitKeyDown($event, page, paginate)"
-          ng-click="finder.onChoose(hit, $event)">
-        <th ng-show="finder.properties.noun === 'Visualization'"
-            class="first-cell col-md-1" scope="row">
-          <a ng-href="{{finder.makeUrl(hit)}}"
-            ng-blur="finder.hitBlur($event)"
-            ng-click="finder.preventClick($event)">
-            <i aria-hidden="true" class="fa icon-color" ng-if="hit.icon" ng-class="hit.icon"></i>
-          </a>
-        </th>
-        <td class="link-color col-md-11" >
-          {{hit.title}}
-          <p ng-if="hit.description" ng-bind="hit.description"></p>
-        </td>
-      </tr>
-      <tr ng-if="finder.hits.length === 0">
-        <td>
-          <p ng-bind="'No matching ' + finder.properties.nouns + ' found.'"></p>
-        </td>
-      </tr>
-    </tbody>
-  </table>
+        </li>
+      </ul>
+    </li>
+
+    <li
+      class="list-body list-group-item list-group-menu-item"
+      ng-class="{'active': finder.selector.index === $index && finder.selector.enabled}"
+      ng-repeat="hit in page"
+      ng-keydown="finder.hitKeyDown($event, page, paginate)"
+      ng-click="finder.onChoose(hit, $event)">
+
+      <a ng-href="{{finder.makeUrl(hit)}}"
+          ng-blur="finder.hitBlur($event)"
+          ng-click="finder.preventClick($event)">
+        <ul class="li-not-striped">
+          <li ng-show="finder.properties.noun === 'Visualization'" class="list-type">
+            <i aria-hidden="true" class="fa" ng-if="hit.icon" ng-class="hit.icon"></i>
+          </li>
+          <li class="list-name">
+            {{hit.title}}
+            <p ng-if="hit.description" ng-bind="hit.description"></p>
+          </li>
+        </ul>
+      </a>
+
+    </li>
+    <li
+      class="list-group-item list-group-no-results"
+      ng-if="finder.hits.length === 0">
+      <p ng-bind="'No matching ' + finder.properties.nouns + ' found.'"></p>
+    </li>
+  </ul>
 </paginate>
diff --git a/src/ui/public/styles/pagination.less b/src/ui/public/styles/pagination.less
index bdb9a323b1fe2..c372713a982b5 100644
--- a/src/ui/public/styles/pagination.less
+++ b/src/ui/public/styles/pagination.less
@@ -31,6 +31,7 @@ paginate {
             text-decoration: none;
             background-color: @white;
             margin-left: 2px;
+            padding: 8px 11px;
           }
 
           a:hover {
diff --git a/src/ui/public/styles/variables/for-theme.less b/src/ui/public/styles/variables/for-theme.less
index 50b1af156ff0a..6e46c4331caba 100644
--- a/src/ui/public/styles/variables/for-theme.less
+++ b/src/ui/public/styles/variables/for-theme.less
@@ -217,7 +217,7 @@
 
 
 // Paginate ====================================================================
-@paginate-page-link-active-color: @text-color;
+@paginate-page-link-active-color: @kibanaGray2;
 
 
 // Spinner =====================================================================

From 2ba854bfc165c1af049098d0172ea2e8a93e73a7 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Fri, 12 Feb 2016 13:28:18 -0800
Subject: [PATCH 130/181] replacing noun with nouns as the placeholder for text
 input

---
 src/ui/public/partials/saved_object_finder.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/public/partials/saved_object_finder.html b/src/ui/public/partials/saved_object_finder.html
index 79351aa9d779e..207f33e70c350 100644
--- a/src/ui/public/partials/saved_object_finder.html
+++ b/src/ui/public/partials/saved_object_finder.html
@@ -8,7 +8,7 @@
         <input
           input-focus
           ng-model="filter"
-          ng-attr-placeholder="{{finder.properties.noun | capitalize}} Filter"
+          ng-attr-placeholder="{{finder.properties.nouns | capitalize}} Filter..."
           ng-keydown="finder.filterKeyDown($event)"
           class="form-control"
           name="filter"

From 0bb80cae7546fca288d6ef097d4cae7710015434 Mon Sep 17 00:00:00 2001
From: Jonathan Budzenski <jbudz@users.noreply.github.com>
Date: Fri, 12 Feb 2016 15:33:24 -0600
Subject: [PATCH 131/181] [nav] Only show interval when timepicker is active

---
 src/ui/public/timepicker/toggle.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/public/timepicker/toggle.html b/src/ui/public/timepicker/toggle.html
index c368d78419d32..d230465203482 100644
--- a/src/ui/public/timepicker/toggle.html
+++ b/src/ui/public/timepicker/toggle.html
@@ -8,7 +8,7 @@
   </li>
 
   <li
-    ng-show="timefilter.refreshInterval.value > 0 || !!configTemplate.current"
+    ng-show="timefilter.refreshInterval.value > 0 || configTemplate.is('interval') || configTemplate.is('filter')"
     class="to-body">
 
     <button ng-click="configTemplate.toggle('interval')"

From 84c3ae6fcabd27b4fd0f2bd4cc20ea1e18f2b993 Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Fri, 12 Feb 2016 15:27:07 -0700
Subject: [PATCH 132/181] Revert "Close button positioning"

---
 src/ui/public/directives/config.js   | 2 +-
 src/ui/public/styles/config.less     | 7 ++++---
 src/ui/public/styles/pagination.less | 4 ----
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/ui/public/directives/config.js b/src/ui/public/directives/config.js
index 8a8286b823b24..b6e110d51f942 100644
--- a/src/ui/public/directives/config.js
+++ b/src/ui/public/directives/config.js
@@ -56,10 +56,10 @@ module.directive('config', function ($compile) {
         if (tmpl) {
           html = $compile('' +
             '<div class="config" ng-show="configTemplate">' +
+              wrapTmpl(tmpl) +
             '  <div class="config-close remove">' +
             '    <i class="fa fa-chevron-circle-up" ng-click="close()"></i>' +
             '  </div>' +
-              wrapTmpl(tmpl) +
             '</div>' +
             ''
           )(tmpScope);
diff --git a/src/ui/public/styles/config.less b/src/ui/public/styles/config.less
index 42d652132578e..f31e0ad655193 100644
--- a/src/ui/public/styles/config.less
+++ b/src/ui/public/styles/config.less
@@ -8,11 +8,12 @@
   border-bottom-color: @config-border;
 
   .config-close {
+    width: 100%;
+    background-color: @config-close-bg;
+    border-radius: 0;
     text-align: right;
+    padding: 10px;
     line-height: 1em;
-    position: absolute;
-    right: 20px;
-    bottom: 25px;
   }
 
   .container-fluid {
diff --git a/src/ui/public/styles/pagination.less b/src/ui/public/styles/pagination.less
index 0279be489ab0e..c669e95eaca21 100644
--- a/src/ui/public/styles/pagination.less
+++ b/src/ui/public/styles/pagination.less
@@ -26,13 +26,9 @@ paginate {
         > li {
           flex: 0 0 auto;
           user-select: none;
-          margin: 0 1px;
-          padding: 5px 10px;
-          background-color: #fff;
 
           a {
             text-decoration: none;
-            padding: 0;
           }
 
           a:hover {

From c1c2f0b1b27803fb5ab8c7882be436b47a2e1b4b Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Fri, 12 Feb 2016 15:55:24 -0700
Subject: [PATCH 133/181] Change version to include -reskin for snapshots

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index abd2e469816d3..116a674205fd6 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
     "dashboarding"
   ],
   "private": false,
-  "version": "5.0.0-snapshot",
+  "version": "5.0.0-reskin-snapshot",
   "build": {
     "number": 8467,
     "sha": "6cb7fec4e154faa0a4a3fee4b33dfef91b9870d9"

From 064b043ab4f885d4afe5f1c236590baa3107cae6 Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Fri, 12 Feb 2016 15:56:57 -0700
Subject: [PATCH 134/181] Run snapshots


From 735a197e6eb025ba4befdfb0c438f71b4a1a3583 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Fri, 12 Feb 2016 17:43:03 -0800
Subject: [PATCH 135/181] finishing tests for capitalize filter, adding ability
 to add non-capitalized words to the filter

---
 src/ui/public/filters/__tests__/capitalize.js | 44 ++++++++++----
 src/ui/public/filters/capitalize.js           | 60 +++++++++++++------
 2 files changed, 76 insertions(+), 28 deletions(-)

diff --git a/src/ui/public/filters/__tests__/capitalize.js b/src/ui/public/filters/__tests__/capitalize.js
index 5ab192fd2ca81..9d48ca662e7f7 100644
--- a/src/ui/public/filters/__tests__/capitalize.js
+++ b/src/ui/public/filters/__tests__/capitalize.js
@@ -4,9 +4,9 @@ import expect from 'expect.js';
 import ngMock from 'ngMock';
 import 'ui/filters/capitalize';
 
-var filter;
+let filter;
 
-var strings = [
+const titles = [
   'capitalize',
   'saved searches',
   'an awesome visualization',
@@ -14,9 +14,9 @@ var strings = [
   'the title'
 ];
 
-var notAString = 10;
+const notAString = 10;
 
-var init = function (expandable) {
+const init = function (expandable) {
   // Load the application
   ngMock.module('kibana');
 
@@ -36,15 +36,37 @@ describe('capitalize filter', function () {
     expect(filter).to.not.be(null);
   });
 
-  it('should not capitalize certain words', function () {});
+  it('should simply return non-string types as is', function () {
+    expect(filter(notAString)).to.be(notAString);
+  });
 
-  it('should always capitalize the first letter of the first word of a title', function () {});
+  titles.forEach((title) => {
+    const nonCapitalizedWords = filter.nonCapitalizedWords();
+    const titleString = filter(title);
+    const splitTitleString = titleString.split(' ');
 
-  it('should capitalize the first letter of a qualified string', function () {
-    expect(filter(string).charAt(0)).to.be(string.charAt(0).toUpperCase());
-  });
+    it('should always capitalize the first letter of the first word of a title', function () {
+      expect(titleString.charAt(0)).to.be(title.chartAt(0).toUpperCase());
+    });
 
-  it('should simply return non-string types', function () {
-    expect(filter(notAString)).to.be(notAString);
+    it('should capitalize the first letter of a qualified string', function () {
+      splitTitleString.forEach((word) => {
+        if (_.indexOf(nonCapitalizedWords, word) === -1) {
+          expect(word.charAt(0)).to.be(word.charAt(0).toUpperCase());
+        }
+      });
+    });
+
+    it('should not capitalize certain words', function () {
+      splitTitleString.forEach((word) => {
+        if (_.indexOf(nonCapitalizedWords, word) !== -1) {
+          expect(word.charAt(0)).to.be(word.charAt(0).toLowerCase());
+        }
+      });
+    });
+
+    it('should not be a trailing space at the end of words', function () {
+      expect(titleString.charAt(titleString.length - 1)).to.not.be(' ');
+    });
   });
 });
diff --git a/src/ui/public/filters/capitalize.js b/src/ui/public/filters/capitalize.js
index d6de6b1c70304..680ad6346fc40 100644
--- a/src/ui/public/filters/capitalize.js
+++ b/src/ui/public/filters/capitalize.js
@@ -5,27 +5,53 @@ import uiModules from 'ui/modules';
 uiModules
 .get('kibana')
 .filter('capitalize', function () {
-  const nonCapitalizedWords = ['a', 'an', 'the', 'and', 'but', 'or', 'for', 'nor', 'etc', 'on', 'at', 'to', 'from', 'by'];
+  let nonCapitalizedWords = ['a', 'an', 'the', 'and', 'but', 'or', 'for', 'nor', 'etc', 'on', 'at', 'to', 'from', 'by'];
 
-  return function (token) {
-    if (!_.isString(token)) return token;
+  function titlize(token) {
+    if (_.isString(token)) {
+      let words = token.split(' ');
+      let str = '';
 
-    const words = token.split(' ');
-    let str = '';
+      words.forEach((word, index) => {
+        // Do not capitalize non-capitalized words and always
+        // capitalize the first letter of the first word in a title.
+        if (_.indexOf(nonCapitalizedWords, word) !== -1 && index !== 0) {
+          str = str + word + ' ';
+        } else {
+          str = str + word.charAt(0).toUpperCase() + word.slice(1) + ' ';
+        }
 
-    words.forEach((word, index) => {
-      // Always capitalize the first letter of the first word in a title.
-      if (_.indexOf(nonCapitalizedWords, word) !== -1 && index !== 0) {
-        str = str + word + ' ';
-      }
+        if (index === words.length - 1) {
+          str = str.trim();
+        }
+      });
 
-      if (index === words.length - 1) {
-        str = str + word.charAt(0).toUpperCase() + word.slice(1);
-      } else {
-        str = str + word.charAt(0).toUpperCase() + word.slice(1) + ' ';
-      }
-    });
+      return str;
+    }
 
-    return str;
+    return token;
   };
+
+  function isAllStrings(value) {
+    if (_.isString(value)) return true;
+
+    if (_.isArray(value)) {
+      return value.every((item) => {
+        return _.isString(item);
+      });
+    }
+
+    return false;
+  }
+
+  titlize.nonCapitalizedWords = function (v) {
+    if (!arguments.length) return nonCapitalizedWords;
+    if (!isAllStrings(v)) {
+      throw new Error('titlize.nonCapitalizedWords expects a string or array of strings as input');
+    }
+    nonCapitalizedWords = _.isArray(v) ? v : nonCapitalizedWords.push(v);
+    return titlize;
+  };
+
+  return titlize;
 });

From 629365f1a75e338798431ddcf6c33b7a036e586b Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Sat, 13 Feb 2016 15:08:51 -0700
Subject: [PATCH 136/181] Tighten up spacing, move drag handle, move spy toggle

---
 .../dashboard/components/panel/panel.html     |  3 ++
 .../public/dashboard/directives/grid.js       |  5 ++-
 .../kibana/public/dashboard/styles/main.less  | 10 ++----
 src/plugins/metric_vis/public/metric_vis.less |  1 -
 src/ui/public/visualize/spy.html              |  4 +--
 src/ui/public/visualize/visualize.less        | 34 ++++---------------
 6 files changed, 15 insertions(+), 42 deletions(-)

diff --git a/src/plugins/kibana/public/dashboard/components/panel/panel.html b/src/plugins/kibana/public/dashboard/components/panel/panel.html
index 2b99f20d608e2..6665034471980 100644
--- a/src/plugins/kibana/public/dashboard/components/panel/panel.html
+++ b/src/plugins/kibana/public/dashboard/components/panel/panel.html
@@ -7,6 +7,9 @@
       <a aria-label="Edit" ng-show="chrome.getVisible() && editUrl" ng-href="{{::editUrl}}">
         <i aria-hidden="true" class="fa fa-pencil"></i>
       </a>
+      <a aria-label="Move" ng-show="chrome.getVisible()" class="panel-move">
+        <i aria-hidden="true" class="fa fa-arrows"></i>
+      </a>
       <a aria-label="Remove" ng-show="chrome.getVisible()" ng-click="remove()">
         <i aria-hidden="true" class="fa fa-times"></i>
       </a>
diff --git a/src/plugins/kibana/public/dashboard/directives/grid.js b/src/plugins/kibana/public/dashboard/directives/grid.js
index 4c501aeeb2a75..4535bed48cada 100644
--- a/src/plugins/kibana/public/dashboard/directives/grid.js
+++ b/src/plugins/kibana/public/dashboard/directives/grid.js
@@ -27,7 +27,7 @@ app.directive('dashboardGrid', function ($compile, Notifier) {
       // number of columns to render
       const COLS = 12;
       // number of pixed between each column/row
-      const SPACER = 10;
+      const SPACER = 0;
       // pixels used by all of the spacers (gridster puts have a spacer on the ends)
       const spacerSize = SPACER * COLS;
 
@@ -46,7 +46,7 @@ app.directive('dashboardGrid', function ($compile, Notifier) {
             stop: readGridsterChangeHandler
           },
           draggable: {
-            handle: '.panel-heading, .panel-title',
+            handle: '.panel-move, .fa-arrows',
             stop: readGridsterChangeHandler
           }
         }).data('gridster');
@@ -232,4 +232,3 @@ app.directive('dashboardGrid', function ($compile, Notifier) {
     }
   };
 });
-
diff --git a/src/plugins/kibana/public/dashboard/styles/main.less b/src/plugins/kibana/public/dashboard/styles/main.less
index af0d21d72852a..9b685625eb9fd 100644
--- a/src/plugins/kibana/public/dashboard/styles/main.less
+++ b/src/plugins/kibana/public/dashboard/styles/main.less
@@ -46,14 +46,8 @@ dashboard-grid {
         .visualize-show-spy {
           visibility: visible;
         }
-        .panel .panel-heading {
-          background-color: @kibanaGray6;
-          &:hover {
-            cursor: pointer;
-          }
-          .btn-group {
-            display: block !important;
-          }
+        .panel .panel-heading .btn-group {
+          display: block !important;
         }
       }
 
diff --git a/src/plugins/metric_vis/public/metric_vis.less b/src/plugins/metric_vis/public/metric_vis.less
index bc0b7244a5e34..88abea610948d 100644
--- a/src/plugins/metric_vis/public/metric_vis.less
+++ b/src/plugins/metric_vis/public/metric_vis.less
@@ -16,6 +16,5 @@
 
   .metric-container {
     text-align: center;
-    padding: 1em;
   }
 }
diff --git a/src/ui/public/visualize/spy.html b/src/ui/public/visualize/spy.html
index b43429de52da3..6231df6045955 100644
--- a/src/ui/public/visualize/spy.html
+++ b/src/ui/public/visualize/spy.html
@@ -1,6 +1,6 @@
 <div class="visualize-show-spy">
   <div ng-click="toggleDisplay()" class="visualize-show-spy-tab">
-    <i class="fa" ng-class="spy.mode.name ? 'fa-chevron-down' : 'fa-chevron-up'"></i>
+    <i class="fa" ng-class="spy.mode.name ? 'fa-chevron-circle-down' : 'fa-chevron-circle-up'"></i>
   </div>
 </div>
 <div ng-show="spy.mode.name" class="visualize-spy-container">
@@ -21,4 +21,4 @@
       </a>
     </div>
   </header>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/ui/public/visualize/visualize.less b/src/ui/public/visualize/visualize.less
index 6879cf173d088..f8520f2f4cc22 100644
--- a/src/ui/public/visualize/visualize.less
+++ b/src/ui/public/visualize/visualize.less
@@ -59,6 +59,7 @@ ul.visualizations .media-body {
 visualize-spy {
   // this element should flex
   flex: 0 1 auto;
+  padding: 0px 0px 0px 15px;
 
   // it's children should also flex vertically
   flex-direction: column;
@@ -77,34 +78,12 @@ visualize-spy {
 
   .visualize-show-spy {
     flex: 0 0 auto;
-
-    border-top: 1px solid;
-    border-top-color: @visualize-show-spy-border;
-    margin-bottom: 3px;
-
     &-tab {
-      margin: 0px auto;
-      margin-top: -1px;
-      border: 1px solid;
-      border-color: @visualize-show-spy-border;
-      border-top: 0px;
-      border-width: 0px 1px 1px 1px;
-      border-bottom-left-radius: @border-radius-base;
-      border-bottom-right-radius: @border-radius-base;
-      width: 50px;
-      background: @visualize-show-spy-bg;
-      text-align: center;
-      color: @visualize-show-spy-color;
-
-      &:hover {
-        background-color: @visualize-show-spy-hover-bg;
-        color: @visualize-show-spy-hover-color;
-      }
-    }
-
-
-    i {
-      padding: 0 10px;
+      color: @kibanaGray4;
+      position: absolute;
+      z-index: 100;
+      left: 5px;
+      bottom: 0px;
     }
   }
 
@@ -181,4 +160,3 @@ visualize-spy {
     white-space: pre-wrap;
   }
 }
-

From de0697c48a99bb9bdd47f95f6a3f83f4433a2f79 Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Tue, 16 Feb 2016 10:57:51 -0700
Subject: [PATCH 137/181] Import all of lodash

---
 src/ui/ui_app.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/ui/ui_app.js b/src/ui/ui_app.js
index bba6c79fbbd81..7091261a06058 100644
--- a/src/ui/ui_app.js
+++ b/src/ui/ui_app.js
@@ -1,4 +1,5 @@
 import { chain, get, noop, once, pick } from 'lodash';
+import _ from 'lodash';
 
 class UiApp {
   constructor(uiExports, spec) {

From 60857779c8cfabd34dac6fa76c23bf8391e8b65e Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Tue, 16 Feb 2016 10:58:33 -0700
Subject: [PATCH 138/181] Don't paint spinner when its not doing anything

---
 src/ui/public/styles/spinner.less | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/ui/public/styles/spinner.less b/src/ui/public/styles/spinner.less
index 5ffa61f441b46..514a2c5e2496c 100644
--- a/src/ui/public/styles/spinner.less
+++ b/src/ui/public/styles/spinner.less
@@ -5,6 +5,7 @@
 @color2: @kibanaPink2;
 
 .spinner.ng-hide {
+  visibility: hidden;
   display: block !important;
   opacity: 0;
   transition-delay: 0.25s;
@@ -16,6 +17,7 @@
   right: 0;
   height: 2px;
   position: absolute;
+  visibility: visible;
   display: block;
   animation: move 2s linear infinite;
   background-color: @kibanaPink2;

From daf846642c6d91a6b5b2e91cfeab90ed03395e3a Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Tue, 16 Feb 2016 11:14:18 -0800
Subject: [PATCH 139/181] Move dashboard title

---
 src/plugins/kibana/public/dashboard/index.html     |  9 +++++++--
 .../kibana/public/dashboard/styles/main.less       | 14 ++++++++++++++
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/plugins/kibana/public/dashboard/index.html b/src/plugins/kibana/public/dashboard/index.html
index 9fa6ce3f0c4d2..f5de97eb5526c 100644
--- a/src/plugins/kibana/public/dashboard/index.html
+++ b/src/plugins/kibana/public/dashboard/index.html
@@ -1,5 +1,12 @@
 <div dashboard-app class="app-container dashboard-container">
   <navbar name="dashboard-options">
+    <div class="dashboard-info">
+      <span ng-show="dash.id" class="dashboard-info-title">
+        <span ng-bind="::dash.title"></span>
+      </span>
+
+    </div>
+
     <div class="button-group dashboard-actions" role="toolbar">
       <button ng-click="newDashboard()"
         aria-label="New Dashboard">
@@ -51,8 +58,6 @@
   <config config-template="configTemplate" config-object="opts"></config>
 
   <navbar ng-show="chrome.getVisible()" name="dashboard-search">
-    <span class="name" ng-if="dash.id" ng-bind="::dash.title" tooltip="{{::dash.title}}"></span>
-
     <form name="queryInput"
       class="fill inline-form"
       ng-submit="filterResults()"
diff --git a/src/plugins/kibana/public/dashboard/styles/main.less b/src/plugins/kibana/public/dashboard/styles/main.less
index af0d21d72852a..23861430640cd 100644
--- a/src/plugins/kibana/public/dashboard/styles/main.less
+++ b/src/plugins/kibana/public/dashboard/styles/main.less
@@ -169,3 +169,17 @@ dashboard-grid {
 .dashboard-load {
   margin: 10px;
 }
+
+.dashboard {
+  &-info {
+    line-height: 30px;
+    padding: 0px 10px;
+    border-bottom-left-radius: @border-radius-base;
+
+
+    &-title {
+      font-weight: bold;
+      margin-right: 10px;
+    }
+  }
+}

From 2fbe482744a64d360863c889a068826fe2f1ef1d Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Tue, 16 Feb 2016 11:19:38 -0800
Subject: [PATCH 140/181] Use new style for visualization title in editor

---
 .../kibana/public/visualize/editor/editor.html      | 13 ++++++-------
 .../public/visualize/editor/styles/_editor.less     | 12 ++++++++++++
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/editor/editor.html b/src/plugins/kibana/public/visualize/editor/editor.html
index 6c574188f46c9..ffba810995637 100644
--- a/src/plugins/kibana/public/visualize/editor/editor.html
+++ b/src/plugins/kibana/public/visualize/editor/editor.html
@@ -1,5 +1,11 @@
 <div ng-controller="VisEditor" class="vis-editor vis-type-{{ vis.type.name }}">
   <navbar ng-if="chrome.getVisible()" name="visualize-options">
+    <div class="vis-editor-info">
+      <span ng-show="savedVis.id" class="vis-editor-info-title">
+        <span ng-bind="::savedVis.title"></span>
+      </span>
+    </div>
+
     <div class="button-group vis-editor-actions">
       <button ng-click="startOver()" aria-label="New Visualization">
         <span>New</span>
@@ -123,13 +129,6 @@
     </div>
 
     <div class="vis-editor-canvas" ng-class="{ embedded: !chrome.getVisible() }">
-      <div class="visualize-info" ng-if="savedVis.id">
-        <div class="visualize-info-tab" title="{{::savedVis.vis.type.title}}">
-          <i class="fa" aria-label="{{::savedVis.vis.type.title}} Icon" ng-class="savedVis.vis.type.icon"></i>
-          <span ng-bind="::savedVis.title"></span>
-        </div>
-      </div>
-
       <visualize
         vis="vis"
         ui-state="uiState"
diff --git a/src/plugins/kibana/public/visualize/editor/styles/_editor.less b/src/plugins/kibana/public/visualize/editor/styles/_editor.less
index 773eeb9e7c494..ea83549bb574c 100644
--- a/src/plugins/kibana/public/visualize/editor/styles/_editor.less
+++ b/src/plugins/kibana/public/visualize/editor/styles/_editor.less
@@ -6,6 +6,18 @@
   @vis-editor-nesting-width: 8px;
   @vis-editor-agg-editor-spacing: 5px;
 
+  &-info {
+    line-height: 30px;
+    padding: 0px 10px;
+    border-bottom-left-radius: @border-radius-base;
+
+
+    &-title {
+      font-weight: bold;
+      margin-right: 10px;
+    }
+  }
+
   // For the vis-editor sidebar nav
   .navbar-default .navbar-nav {
     &> .active > a {

From 4f365b5fd96baa3bcfc705d585935d440852717a Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Mon, 22 Feb 2016 10:39:27 -0800
Subject: [PATCH 141/181] [Chrome] Changed the chrome Tabs to the new design.
 Removed the tabs for kibana

---
 src/plugins/kibana/public/kibana.js         | 22 -------------
 src/plugins/statusPage/public/statusPage.js |  7 -----
 src/ui/public/chrome/chrome.html            | 35 +++++++++++++++++++++
 src/ui/public/styles/base.less              |  3 ++
 src/ui/public/styles/theme.less             | 33 ++++++++++++++++++-
 5 files changed, 70 insertions(+), 30 deletions(-)

diff --git a/src/plugins/kibana/public/kibana.js b/src/plugins/kibana/public/kibana.js
index b7fe5cc84875a..12540a8a943ad 100644
--- a/src/plugins/kibana/public/kibana.js
+++ b/src/plugins/kibana/public/kibana.js
@@ -31,33 +31,11 @@ chrome
   'logo': 'url(' + kibanaLogoUrl + ') 6px 10px / 140px 50px no-repeat #e8488b',
   'smallLogo': 'url(' + kibanaLogoUrl + ') 6px 10px / 140px 50px no-repeat #e8488b'
 })
-.setNavBackground('#222222')
 .setTabDefaults({
   resetWhenActive: true,
   lastUrlStore: window.sessionStorage,
   activeIndicatorColor: '#656a76'
 })
-.setTabs([
-  {
-    id: 'discover',
-    title: 'Discover'
-  },
-  {
-    id: 'visualize',
-    title: 'Visualize',
-    activeIndicatorColor: function () {
-      return (String(this.lastUrl).indexOf('/visualize/step/') === 0) ? 'white' : '#656a76';
-    }
-  },
-  {
-    id: 'dashboard',
-    title: 'Dashboard'
-  },
-  {
-    id: 'settings',
-    title: 'Settings'
-  }
-])
 .setRootController('kibana', function ($scope, $rootScope, courier, config) {
   function setDefaultTimezone() {
     moment.tz.setDefault(config.get('dateFormat:tz'));
diff --git a/src/plugins/statusPage/public/statusPage.js b/src/plugins/statusPage/public/statusPage.js
index 32ba83efbd756..0ee8c53a1c1ef 100644
--- a/src/plugins/statusPage/public/statusPage.js
+++ b/src/plugins/statusPage/public/statusPage.js
@@ -7,13 +7,6 @@ import 'plugins/statusPage/statusPage.less';
 
 
 const chrome = require('ui/chrome')
-.setTabs([
-  {
-    id: '',
-    title: 'Server Status',
-    activeIndicatorColor: '#EFF0F2'
-  }
-])
 .setRootTemplate(require('plugins/statusPage/statusPage.html'))
 .setRootController('ui', function ($http, $scope) {
   const ui = this;
diff --git a/src/ui/public/chrome/chrome.html b/src/ui/public/chrome/chrome.html
index e1a2f502a0bdd..45cbf36d36caf 100644
--- a/src/ui/public/chrome/chrome.html
+++ b/src/ui/public/chrome/chrome.html
@@ -45,6 +45,41 @@
   <div class="app-wrapper">
     <div class="app-wrapper-panel">
       <kbn-notifications list="notifList"></kbn-notifications>
+      <nav
+        ng-style="::{ background: chrome.getNavBackground() }"
+        ng-class="{ show: chrome.getTabs().length > 0 }"
+        class="hide navbar navbar-inverse navbar-static-top">
+
+        <!-- Mobile navbar -->
+        <div class="navbar-header">
+          <button ng-click="showCollapsed = !showCollapsed" type="button" class="navbar-toggle">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <span class="visible-xs">
+            <span ng-if="chrome.getBrand('title')" class="navbar-brand">{{ chrome.getBrand('title') }}</span>
+            <span ng-if="chrome.getActiveTabTitle()" class="navbar-brand">{{ chrome.getActiveTabTitle() }}</span>
+          </span>
+        </div>
+        <!-- /Mobile navbar -->
+
+        <!-- Full navbar -->
+        <div collapse="!showCollapsed" class="navbar-collapse" kbn-chrome-append-nav-controls>
+          <div ng-if="chrome.getBrand('title')" class="navbar-brand">{{ chrome.getBrand('title') }}</div>
+          <ul class="nav navbar-nav" role="navigation">
+
+
+            <li ng-repeat="tab in chrome.getTabs()" ng-class="{ active: tab.active }">
+              <a ng-href="{{ tab.href() }}" ng-style="{ 'border-bottom-color': tab.activeIndicatorColor }">
+                {{ tab.title }}
+              </a>
+            </li>
+          </ul>
+        </div>
+        <!-- /Full navbar -->
+      </nav>
       <div class="application" ng-class="'tab-' + chrome.getActiveTabId('-none-') + ' ' + chrome.getApplicationClasses()" ng-view></div>
     </div>
   </div>
diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
index 330170303dd83..983e521d03cd3 100644
--- a/src/ui/public/styles/base.less
+++ b/src/ui/public/styles/base.less
@@ -140,6 +140,8 @@ a {
     z-index: 0;
   }
 
+  > navbar:first-child { padding-bottom: 0; }
+
   > config {
     z-index: 1;
   }
@@ -201,6 +203,7 @@ a {
   }
 
   button {
+    background-color: transparent;
     border-radius: 0;
   }
 }
diff --git a/src/ui/public/styles/theme.less b/src/ui/public/styles/theme.less
index 7d0ce81dcca8c..d87b0def55858 100644
--- a/src/ui/public/styles/theme.less
+++ b/src/ui/public/styles/theme.less
@@ -16,6 +16,38 @@
 .navbar {
   border-width: 0;
 
+  &-static-top {
+    background-color: @kibanaGray5;
+    color: @kibanaGray2;
+    .navbar-brand:hover,
+    .navbar-brand {
+      float: none;
+      color: @kibanaGray2;
+      font-size: 1em;
+      background-color: transparent;
+      padding-top: 8px;
+      height: 35px;
+    }
+    .navbar-nav {
+
+      > li > a {
+        color: @kibanaGray2;
+        font-size: 1.5em;
+        padding: 5px 0 6px 0;
+        margin: 0 10px;
+      }
+      // Active, hover state for the getTabs
+      > .active > a,
+      > .active > a:hover,
+      > .active > a:active,
+      > li > a:active,
+      > li > a:hover {
+        color: @kibanaGray1;
+        background-color: transparent;
+        border-bottom: 2px solid @kibanaGray1;
+      }
+    }
+  }
   &-btn-link {
     margin: 0;
     border-radius: 0;
@@ -60,7 +92,6 @@
   &-brand {
     cursor: default;
     font-size: 1.8em;
-    background-color: @navbar-inverse-brand-bg;
     user-select: none;
   }
 

From 73c0f9eae1fde2544541419ffb7c66650c94851f Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Wed, 2 Mar 2016 17:30:11 -0800
Subject: [PATCH 142/181] working on sorting

---
 src/ui/public/directives/saved_object_finder.js |  5 +++++
 src/ui/public/partials/saved_object_finder.html | 12 +++++++++---
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/ui/public/directives/saved_object_finder.js b/src/ui/public/directives/saved_object_finder.js
index 6cb56f3fa48d4..29e70300a4968 100644
--- a/src/ui/public/directives/saved_object_finder.js
+++ b/src/ui/public/directives/saved_object_finder.js
@@ -48,6 +48,11 @@ module.directive('savedObjectFinder', function ($location, $injector, kbnUrl, Pr
 
       filterResults();
 
+      self.isSorted = true;
+      self.sort = function () {
+        self.isSorted = !self.isSorted;
+      };
+
       /**
        * Passed the hit objects and will determine if the
        * hit should have a url in the UI, returns it if so
diff --git a/src/ui/public/partials/saved_object_finder.html b/src/ui/public/partials/saved_object_finder.html
index 207f33e70c350..a13014d987c21 100644
--- a/src/ui/public/partials/saved_object_finder.html
+++ b/src/ui/public/partials/saved_object_finder.html
@@ -32,8 +32,14 @@
         <li class="list-type table-type-label" ng-show="finder.properties.noun === 'Visualization'">Type</li>
         <li class="list-name table-label">
           Name
-          <!-- <span class="fa fa-caret-up"></span> -->
-          <span class="fa fa-caret-down"></span>
+          <i
+            class="fa"
+            ng-click="finder.sort()"
+            ng-class="{
+              'fa-caret-down': finder.isSorted === true,
+              'fa-caret-up': finder.isSorted === false,
+            }">
+          </i>
         </li>
       </ul>
     </li>
@@ -41,7 +47,7 @@
     <li
       class="list-body list-group-item list-group-menu-item"
       ng-class="{'active': finder.selector.index === $index && finder.selector.enabled}"
-      ng-repeat="hit in page"
+      ng-repeat="hit in page | orderBy : '' : !self.isSorted"
       ng-keydown="finder.hitKeyDown($event, page, paginate)"
       ng-click="finder.onChoose(hit, $event)">
 

From 9382b34cb545a83ee07d37c6c338b8abffa9aad4 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 3 Mar 2016 11:52:01 -0800
Subject: [PATCH 143/181] adding sortable hits for saved object finder

---
 .../public/directives/saved_object_finder.js  | 29 ++++++++++++++++++-
 .../public/partials/saved_object_finder.html  |  8 ++---
 2 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/src/ui/public/directives/saved_object_finder.js b/src/ui/public/directives/saved_object_finder.js
index 29e70300a4968..bdddb95e135e2 100644
--- a/src/ui/public/directives/saved_object_finder.js
+++ b/src/ui/public/directives/saved_object_finder.js
@@ -49,8 +49,35 @@ module.directive('savedObjectFinder', function ($location, $injector, kbnUrl, Pr
       filterResults();
 
       self.isSorted = true;
-      self.sort = function () {
+
+      self.sortHits = function () {
         self.isSorted = !self.isSorted;
+
+        if (self.hits.length) {
+          if (self.isSorted) {
+            self.hits = self.hits.sort(function (a, b) {
+              if (a.title > b.title) {
+                return 1;
+              }
+              if (a.title < b.title) {
+                return -1;
+              }
+              // a must be equal to b
+              return 0;
+            });
+          } else {
+            self.hits = self.hits.sort(function (a, b) {
+              if (a.title < b.title) {
+                return 1;
+              }
+              if (a.title > b.title) {
+                return -1;
+              }
+              // a must be equal to b
+              return 0;
+            });
+          }
+        }
       };
 
       /**
diff --git a/src/ui/public/partials/saved_object_finder.html b/src/ui/public/partials/saved_object_finder.html
index a13014d987c21..40435b89b5704 100644
--- a/src/ui/public/partials/saved_object_finder.html
+++ b/src/ui/public/partials/saved_object_finder.html
@@ -34,10 +34,10 @@
           Name
           <i
             class="fa"
-            ng-click="finder.sort()"
+            ng-click="finder.sortHits()"
             ng-class="{
-              'fa-caret-down': finder.isSorted === true,
-              'fa-caret-up': finder.isSorted === false,
+              'fa-caret-up': finder.isSorted === true,
+              'fa-caret-down': finder.isSorted === false,
             }">
           </i>
         </li>
@@ -47,7 +47,7 @@
     <li
       class="list-body list-group-item list-group-menu-item"
       ng-class="{'active': finder.selector.index === $index && finder.selector.enabled}"
-      ng-repeat="hit in page | orderBy : '' : !self.isSorted"
+      ng-repeat="hit in page"
       ng-keydown="finder.hitKeyDown($event, page, paginate)"
       ng-click="finder.onChoose(hit, $event)">
 

From 90990f09408cd4e8484d8998c99780a75334017e Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 3 Mar 2016 12:53:59 -0800
Subject: [PATCH 144/181] small refactor

---
 .../public/directives/saved_object_finder.js   | 18 ++++--------------
 1 file changed, 4 insertions(+), 14 deletions(-)

diff --git a/src/ui/public/directives/saved_object_finder.js b/src/ui/public/directives/saved_object_finder.js
index bdddb95e135e2..69bc4eb8cdb45 100644
--- a/src/ui/public/directives/saved_object_finder.js
+++ b/src/ui/public/directives/saved_object_finder.js
@@ -56,24 +56,14 @@ module.directive('savedObjectFinder', function ($location, $injector, kbnUrl, Pr
         if (self.hits.length) {
           if (self.isSorted) {
             self.hits = self.hits.sort(function (a, b) {
-              if (a.title > b.title) {
-                return 1;
-              }
-              if (a.title < b.title) {
-                return -1;
-              }
-              // a must be equal to b
+              if (a.title > b.title) return 1;
+              if (a.title < b.title) return -1;
               return 0;
             });
           } else {
             self.hits = self.hits.sort(function (a, b) {
-              if (a.title < b.title) {
-                return 1;
-              }
-              if (a.title > b.title) {
-                return -1;
-              }
-              // a must be equal to b
+              if (a.title < b.title) return 1;
+              if (a.title > b.title) return -1;
               return 0;
             });
           }

From f41c3a87142a1b44c09cfa7b42d8562963031153 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 3 Mar 2016 13:13:21 -0800
Subject: [PATCH 145/181] refactoring

---
 .../public/directives/saved_object_finder.js  | 24 +++++++++++++------
 .../public/partials/saved_object_finder.html  |  6 ++---
 2 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/src/ui/public/directives/saved_object_finder.js b/src/ui/public/directives/saved_object_finder.js
index 69bc4eb8cdb45..b4fd7767a2d0e 100644
--- a/src/ui/public/directives/saved_object_finder.js
+++ b/src/ui/public/directives/saved_object_finder.js
@@ -48,20 +48,30 @@ module.directive('savedObjectFinder', function ($location, $injector, kbnUrl, Pr
 
       filterResults();
 
-      self.isSorted = true;
+      /**
+       * Boolean that keeps track of whether hits are sorted ascending (true)
+       * or descending (false) by title
+       * @type {Boolean}
+       */
+      self.isAscending = true;
 
-      self.sortHits = function () {
-        self.isSorted = !self.isSorted;
+      /**
+       * [sortHits description]
+       * @param  {[type]} hits [description]
+       * @return {[type]}      [description]
+       */
+      self.sortHits = function (hits) {
+        self.isAscending = !self.isAscending;
 
-        if (self.hits.length) {
-          if (self.isSorted) {
-            self.hits = self.hits.sort(function (a, b) {
+        if (hits.length) {
+          if (self.isAscending) {
+            return hits.sort(function (a, b) {
               if (a.title > b.title) return 1;
               if (a.title < b.title) return -1;
               return 0;
             });
           } else {
-            self.hits = self.hits.sort(function (a, b) {
+            return hits.sort(function (a, b) {
               if (a.title < b.title) return 1;
               if (a.title > b.title) return -1;
               return 0;
diff --git a/src/ui/public/partials/saved_object_finder.html b/src/ui/public/partials/saved_object_finder.html
index 40435b89b5704..7d4ab1c46d879 100644
--- a/src/ui/public/partials/saved_object_finder.html
+++ b/src/ui/public/partials/saved_object_finder.html
@@ -34,10 +34,10 @@
           Name
           <i
             class="fa"
-            ng-click="finder.sortHits()"
+            ng-click="finder.sortHits(finder.hits)"
             ng-class="{
-              'fa-caret-up': finder.isSorted === true,
-              'fa-caret-down': finder.isSorted === false,
+              'fa-caret-up': finder.isAscending === true,
+              'fa-caret-down': finder.isAscending === false,
             }">
           </i>
         </li>

From 5790cb38e00ab5285810c314960b905b3610a0e5 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 3 Mar 2016 13:16:34 -0800
Subject: [PATCH 146/181] adding comments

---
 src/ui/public/directives/saved_object_finder.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/ui/public/directives/saved_object_finder.js b/src/ui/public/directives/saved_object_finder.js
index b4fd7767a2d0e..62208695d892a 100644
--- a/src/ui/public/directives/saved_object_finder.js
+++ b/src/ui/public/directives/saved_object_finder.js
@@ -56,9 +56,9 @@ module.directive('savedObjectFinder', function ($location, $injector, kbnUrl, Pr
       self.isAscending = true;
 
       /**
-       * [sortHits description]
-       * @param  {[type]} hits [description]
-       * @return {[type]}      [description]
+       * Sorts saved object finder hits either ascending or descending
+       * @param  {Array} hits Array of saved finder object hits
+       * @return {Array} Array sorted either ascending or descending
        */
       self.sortHits = function (hits) {
         self.isAscending = !self.isAscending;

From 66db302c2782c728e6efadeaa47d7cd0574c80d4 Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Fri, 4 Mar 2016 18:44:45 -0400
Subject: [PATCH 147/181] [CSS] Cleaned up some CSS and normalized styles

---
 src/optimize/BaseOptimizer.js                 |   2 +-
 .../kibana/public/dashboard/index.html        |   8 ++---
 .../kibana/public/dashboard/styles/main.less  |   7 ----
 src/plugins/kibana/public/discover/index.html |   8 ++---
 .../kibana/public/discover/styles/main.less   |   7 ----
 .../public/visualize/editor/editor.html       |   6 ++--
 .../visualize/editor/styles/_editor.less      |   8 -----
 .../kibana/public/visualize/styles/main.less  |  13 --------
 .../directives/app_switcher/app_switcher.less |  13 ++++----
 src/ui/public/images/kibana.gif               | Bin 3737 -> 0 bytes
 src/ui/public/styles/base.less                |  18 ++++++++--
 src/ui/public/styles/control_group.less       |  31 ------------------
 src/ui/public/styles/navbar.less              |   6 ++--
 src/ui/public/styles/variables/for-theme.less |   2 ++
 src/ui/public/timepicker/toggle.html          |   5 ++-
 src/ui/public/vislib/styles/_tooltip.less     |   4 +--
 src/ui/public/visualize/visualize.html        |   2 +-
 17 files changed, 45 insertions(+), 95 deletions(-)
 delete mode 100644 src/ui/public/images/kibana.gif

diff --git a/src/optimize/BaseOptimizer.js b/src/optimize/BaseOptimizer.js
index 043334d7eac88..cebbf1425c12a 100644
--- a/src/optimize/BaseOptimizer.js
+++ b/src/optimize/BaseOptimizer.js
@@ -110,7 +110,7 @@ class BaseOptimizer {
           { test: /\.json$/, loader: 'json' },
           { test: /\.(html|tmpl)$/, loader: 'raw' },
           { test: /\.png$/, loader: 'url?limit=10000&name=[path][name].[ext]' },
-          { test: /\.(woff|woff2|ttf|eot|svg|ico|gif)(\?|$)/, loader: 'file?name=[path][name].[ext]' },
+          { test: /\.(woff|woff2|ttf|eot|svg|ico)(\?|$)/, loader: 'file?name=[path][name].[ext]' },
           { test: /[\/\\]src[\/\\](plugins|ui)[\/\\].+\.js$/, loader: `rjs-repack${mapQ}` },
           {
             test: /\.js$/,
diff --git a/src/plugins/kibana/public/dashboard/index.html b/src/plugins/kibana/public/dashboard/index.html
index f5de97eb5526c..90f37da453304 100644
--- a/src/plugins/kibana/public/dashboard/index.html
+++ b/src/plugins/kibana/public/dashboard/index.html
@@ -1,13 +1,13 @@
 <div dashboard-app class="app-container dashboard-container">
-  <navbar name="dashboard-options">
-    <div class="dashboard-info">
-      <span ng-show="dash.id" class="dashboard-info-title">
+  <navbar name="dashboard-options" class="kibana-nav-options">
+    <div class="kibana-nav-info">
+      <span ng-show="dash.id" class="kibana-nav-info-title">
         <span ng-bind="::dash.title"></span>
       </span>
 
     </div>
 
-    <div class="button-group dashboard-actions" role="toolbar">
+    <div class="button-group kibana-nav-actions" role="toolbar">
       <button ng-click="newDashboard()"
         aria-label="New Dashboard">
         <span>New</span>
diff --git a/src/plugins/kibana/public/dashboard/styles/main.less b/src/plugins/kibana/public/dashboard/styles/main.less
index 23861430640cd..bb0209bc30930 100644
--- a/src/plugins/kibana/public/dashboard/styles/main.less
+++ b/src/plugins/kibana/public/dashboard/styles/main.less
@@ -3,9 +3,6 @@
 
 .tab-dashboard {
   background-color: @dashboard-bg;
-  navbar[name="dashboard-options"] {
-    padding-bottom: 0;
-  }
 }
 
 dashboard-grid {
@@ -158,10 +155,6 @@ dashboard-grid {
   }
 }
 
-.dashboard-actions {
-  margin-left: auto;
-}
-
 .dashboard-panel-picker > .list-group-item {
   border-top: 0;
 }
diff --git a/src/plugins/kibana/public/discover/index.html b/src/plugins/kibana/public/discover/index.html
index 206e0ba3b878d..bf39d0e25d9de 100644
--- a/src/plugins/kibana/public/discover/index.html
+++ b/src/plugins/kibana/public/discover/index.html
@@ -1,7 +1,7 @@
 <div ng-controller="discover" class="app-container">
-  <navbar name="discover-options">
-    <div class="discover-info">
-      <span ng-show="opts.savedSearch.id" class="discover-info-title">
+  <navbar name="discover-options" class="kibana-nav-options">
+    <div class="kibana-nav-info">
+      <span ng-show="opts.savedSearch.id" class="kibana-nav-info-title">
         <span ng-bind="::opts.savedSearch.title"></span>
         <i aria-label="Reload Saved Search" tooltip="Reload Saved Search" ng-click="resetQuery();" class="fa fa-undo small"></i>
       </span>
@@ -9,7 +9,7 @@
       <strong class="discover-info-hits">{{(hits || 0) | number:0}}</strong>
       <ng-pluralize count="hits" when="{'1':'hit', 'other':'hits'}"></ng-pluralize>
     </div>
-    <div class="discover-actions button-group" role="toolbar">
+    <div class="kibana-nav-actions button-group" role="toolbar">
       <button
         ng-click="newQuery()"
         aria-label="New Search">
diff --git a/src/plugins/kibana/public/discover/styles/main.less b/src/plugins/kibana/public/discover/styles/main.less
index 4dadbfa5c6911..f9c6a466e61b6 100644
--- a/src/plugins/kibana/public/discover/styles/main.less
+++ b/src/plugins/kibana/public/discover/styles/main.less
@@ -2,9 +2,6 @@
 
 .tab-discover {
   overflow-x: hidden;
-  navbar[name="discover-options"] {
-    padding-bottom: 0;
-  }
 }
 
 .discover {
@@ -77,10 +74,6 @@
     }
   }
 
-  &-actions {
-    margin-left: auto;
-  }
-
   &-info {
     line-height: 30px;
     padding: 0px 10px;
diff --git a/src/plugins/kibana/public/visualize/editor/editor.html b/src/plugins/kibana/public/visualize/editor/editor.html
index ffba810995637..141d7c06d66c8 100644
--- a/src/plugins/kibana/public/visualize/editor/editor.html
+++ b/src/plugins/kibana/public/visualize/editor/editor.html
@@ -1,12 +1,12 @@
-<div ng-controller="VisEditor" class="vis-editor vis-type-{{ vis.type.name }}">
-  <navbar ng-if="chrome.getVisible()" name="visualize-options">
+<div ng-controller="VisEditor" class="app-container vis-editor vis-type-{{ vis.type.name }}">
+  <navbar name="visualize-options" class="kibana-nav-options" ng-if="chrome.getVisible()">
     <div class="vis-editor-info">
       <span ng-show="savedVis.id" class="vis-editor-info-title">
         <span ng-bind="::savedVis.title"></span>
       </span>
     </div>
 
-    <div class="button-group vis-editor-actions">
+    <div class="button-group kibana-nav-actions">
       <button ng-click="startOver()" aria-label="New Visualization">
         <span>New</span>
       </button>
diff --git a/src/plugins/kibana/public/visualize/editor/styles/_editor.less b/src/plugins/kibana/public/visualize/editor/styles/_editor.less
index ea83549bb574c..baef10543298e 100644
--- a/src/plugins/kibana/public/visualize/editor/styles/_editor.less
+++ b/src/plugins/kibana/public/visualize/editor/styles/_editor.less
@@ -77,14 +77,6 @@
     }
   }
 
-  navbar[name="visualize-options"] {
-    padding-bottom: 0;
-  }
-
-
-  &-actions {
-    margin-left: auto;
-  }
 
   &-content {
     .flex-parent();
diff --git a/src/plugins/kibana/public/visualize/styles/main.less b/src/plugins/kibana/public/visualize/styles/main.less
index 1f0bd0a1b6b2e..f3011427ca48c 100644
--- a/src/plugins/kibana/public/visualize/styles/main.less
+++ b/src/plugins/kibana/public/visualize/styles/main.less
@@ -42,18 +42,5 @@
   }
 }
 
-.visualize-info {
-  align-self: flex-end;
-
-  &-tab {
-    background-color: @visualize-info-bg;
-    padding: 5px 10px;
-    margin-left: @padding-base-horizontal;
-    border-bottom-left-radius: @border-radius-base;
-    text-align: right;
-    font-weight: bold;
-  }
-
-}
 
 @import "../editor/styles/_editor.less";
diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
index 0ddd95d33ed44..2dcebccf11f7a 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -5,9 +5,11 @@
 @as-open-width: 160px;
 @as-closed-width: 53px;
 @app-icon-height: 38px;
+@app-line-height: 24px;
 @transition-time: .35s;
 @transition-delay: .25s;
 @app-links-wrapper-background: #3caed2;
+@app-links-active-background: lighten(@app-links-wrapper-background, 7.5%);
 
 @firstLinkColor: #E4BB51;
 @secondLinkColor: #8AC336;
@@ -81,17 +83,17 @@ body { overflow-x: hidden; }
   .app-link {
     width: @as-open-width;
     height: @app-icon-height;
-    line-height:  24px;
+    line-height:  @app-line-height;
 
 
     > a {
       display: block;
       height: 100%;
-      color: #fff;
+      color: @white;
     }
 
     &:hover {
-      background-color: lighten(@app-links-wrapper-background, 7.5%);
+      background-color: @app-links-active-background;
     }
 
     .app-icon {
@@ -103,8 +105,6 @@ body { overflow-x: hidden; }
       display: inline-block;
       height: @app-icon-height;
       width: @as-closed-width;
-      > i {
-      }
 
       > img {
         height: 18px;
@@ -118,6 +118,7 @@ body { overflow-x: hidden; }
       font-size: 1.7em;
       display: inline-block;
       height: @app-icon-height;
+      line-height: @app-icon-height;
       width: @as-closed-width;
       background-position: center;
       background-size: contain;
@@ -135,7 +136,7 @@ body { overflow-x: hidden; }
     }
 
     &.active {
-      background-color: lighten(@app-links-wrapper-background, 10%);
+      background-color: @app-links-active-background;
       > a {
         color: #333;
         text-decoration: none;
diff --git a/src/ui/public/images/kibana.gif b/src/ui/public/images/kibana.gif
deleted file mode 100644
index 767b01aceef299fb5feac00629ddc93dcd22d926..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3737
zcmV;K4rcL3Nk%w1VW0p;0QUd@g~i%1pu$M1$)?uiN~+4A(&FOq^*W@*?)LdAp1?Vy
z#e&4yQm)Kkwa@7D_ma%t^7#6@-s;fl@vPV8_4@nv`uw)s>Av9W=JNK4#@kJ-%Xh!l
z$mQ>k%H6Zu=xn;u)avof=I}<S$X2k;f5O=P{r=tW^wR3_<ns2|?DJ%|&~m)gl+E8P
zp23R9+)%B{j>_G@;p{h}#9p+|JEX;Cx6zHs+~4o?dBE0s!Pl|c=bO;s&*<;P<L%$@
z^<1;hVz$s)vd+rp@73$_Sg_76pu?8U-|+bQvfAgW*X3xq(Vx-boY3JzsK+#+!@S??
z^!fXAzSZpY_}cFCxZUY6pTcmw)1%Ylm(JjP!Pj@b)tAoSDxJbzw9n!3_AsHuaJ<w+
zr^Y^}$1I-0t=Q(E(&FRs_AZ{mMXAUup22Us)B61VRIkkb{{ExX<Id>uJf+6z^!V)d
z`S|<%E}p`e&)_Vd!o%b3#^mljrN-^{`K{UK{r>(lp~FC@$7{LLna|)gqQtD&=C0W0
zE1khIp~J7)=T)%H;qdi9rpHvT%_^P2MX1Qn=<$HV*)gEQZo1Re?D8s|z(S|TMXAaA
z{QcML^85Y$M5xH>_4w=c_%ENsZoAWf!q_>a#sB~Q&gbvi?en42<Ehr=>h$=><nH$R
z`)j(=G@-<<+2%v2$fVTcpwr@^)8gCi^h>PDna|-qrp8&a&OoNdfy3FW*X7db@-Lpj
zbiLJezSVEL)cO4Vc)!;0_xe7i#%{XOalF(=smXA=(?6%j#pLe8;_aQ$;%B(gL8ixw
z$lLk*{BOL}E}y}2z0@zC!F<Bkt=Q+n;p}9#&oiOK>-6~1>G0(7_ExXWL#N1TxzcL5
z(L<)ixZUcy-Ri;O>~Ff$N~_9{%ijL~|Ns8}Hlf5kq{W`m;>qRjn9tv@+2${v!r<@q
zn9ksu&)|H)*v;tiNvq25_xbtz{XM0}Jfy~OyVO{*&eiMkfy3Cs;_SlW?Jl3fFQ3A$
z+2{ZN|1hA#A^8LV00000EC2ui0H6Ry000R80RIUbNU)&6g9sBUT*$DY!-o(f7Tgy`
zqQ#3CGiuzpkRr#AAVZ4O=y9aUlPFD=Ov$pPONT38%AEN!Ce52TL)sL`Z=cVfK!XYu
z%CD%=qegQo#kiASArS(iN}WozD%D~1;Aq{tmBu4}OT$9kc?OOVH)zwUUCUN2pk~_s
z$elZPL?5tX^LDIQke`?`{Q?UfOt`RMGRf4a0mHa4V;~2L>Ya?R>0iT`F_YPWYq8_T
zN{}(bOS$ww%YZYh7CfL6B+sA!1e0vK_CM6CSCa`R47OuPFRGBXT^e`p%w;w}TJ{-?
znh}ro5w~spc;O@f6gOA%BhbF#(<fK|w;p&8nJvJ4Gqxg)#`o~G$CK~3D#tJNV3hcA
z1|Gg%`PNO~f_AY9K%0NX@kNkdsm(_Q6P-23$qQd07@vXzF*sjfqu}$6dTQ9yhja`f
z)t^B~WtgIc2?40v1HFBw%M3ESw-7&%z>!BDp8RuShWpqdq+~ei$fJ)eR)!%@m(3^2
z2EQ=Z7<+Ko*bz7vgb;!`GW;k|3&#{tzz+6|aT_)fXjz5=URvm4X0>EMAZU{uxKImh
z#N&@YJsfa`LXrToX9=Aw@=pukP_t(#aQvC1L2nv12s$gM_kn?JPQ->Bd)^V5LTS{o
z=NcrWaT_>s?1={)nfe!LVFP6U@tR|tFi_z``)u0jrwIi*XrZU3>d&gJ!q-$DOOT-~
zH2v&>nIJaI>70lp;;O4Zp0?RS4Y0t1MVY~>%Ic$#E_s_6S0JH-A!G=m?7PnPGl($}
zHdYUfbQDWauAE}aD?*#>lg7aNY;vjt;+|2|cWoZ!lbr<>QG`H6EDUj9Mm^l>PWv=L
zj3pp6!a*r`JmG;3sk}RiBeSk24IKGO#P6=8@iXwiU=<-S!4vO;>YhC)kcJFmBm&1H
zV}RFF3uE-5033-V5?Rs&>3p*t`!t=$FmMz?^@3S9{dCj^{PVSv2HAne8)kUnw%a$j
za*q%(c#z5iYH;G15=~tH+|bPa;<XPW;nV@k1K<Ry0w91GF@hc8`XfXQ9Z=E833v?9
zi~=$HD1$6GV4=eW9GoCQ48}AN-DzyFz<3RexI=~zAaEc^6bjhLPaq>~z=9#9+ft1_
zt<*4Li{|dLcH3_^?}ZOjfKtl>z|8sq0e=5|ZMHsE0Z1FF`ay@U{t#-Y&%#m=5BPiT
zNdXdQD14|2D9q9R{r-@W!L5YwQpuk8u*EL$M}bw)fDT`h1tRQ+zdh;U0jT&9$Cl^3
z3VHz%AV5Mgfbjua>FXeX%N9RcFaw17Lkcx$fz3qa4^o*5eGSB48%9A6u%tl+6u2KB
z_;5c>06~Rj+W-UqW4Na|EP!fuum=Qm$iwzQ01`kf7o;d?!3vte5*}EA3|cU;i-a&T
zbT~jaz{iII6vBoqbYbK!fdOLFq6}p40s9cpfEL_F1Ij9c5nzyk3@~9G;A;abgcC#t
zmOvAwm_PxL;DApoiUxmDUM<Mb3M}w31Aqtx_&za+yMQoxRIFkJL9vP`Aj3)#`C`_d
zVG00(!;b$5)u>7pxf6`w0MV&}Ebg%<KCnPxI0{4|c6PI7Kw(eCP{1t;xu+P|!z*-n
z#3?edCsMG%OkfcvG1EYZ8tBO%jqrt|CIU*fiPCw9IDrn7#ex|)0hKV>p3uMn0{7+M
zYqD%1En&$2Cr<#AAB4!j8urAEKrHhp6Dvv!7-5DzRU;PC8G{h_WR5fd^9+HY!k(a@
z3sd>XC<z^5A}p~d6JP>zQk+OA&*_B}SioKVFvI|IkO%pV<yzj5K_QG$0)Mo@0-PI2
zKGn!iVhyAPLHK4kNwkTcj3EtUctjswVFCd90df*$U>S6m1{Q#?5(^;2Kq{6ssQ$wV
z0;tBG41k7e?W>&3W2q}5Faa_Qh72}H+y`%Sts9u5AKyel5TY2%H16|f!y1=B_CX12
z?CAz4_0bp<&^sIKU=$YMKr8(b2|q-1qW;(_X%>-zp0>dS3E)W!6rhM)xS$;aumB#G
z=npghP{OUJfh$YBaDy1swJ?U*K@bA)LBPpS6m}ZwVTEPX#ZDp=d&0nNaRiANNMVTh
z>+EN>YNa&LVxZy(hpG5cg&IVF6mwu7{%nie#p?E)h$zJ%?1~vt%z(J@?3WB<05gIp
z_l1aU?rkQKf;~Av0Arv-E~L=D5~wc|W?-OpnHk#dl0X@IdO#XRcnTBxgAWww1%z{0
z+uMF}islrh0YH%s`ex<|4Ztr$00#vg#DJRqn1dtE_TR_}cpsSX!CDzHhFS2Sm*>d9
z2Y&F1LsXTso~5v8h3bfb`a{F}I6yIa*$5YKq6->efGzgK-V>`d#Z}CpAda&NAP}<u
zBiG^p8f5T*OY8{*0vKnHi>g?&F+dZ0vV<Q9@q=$#LIaB!gB{Y~2k1h1yL+0lK+;g<
z45y(548XAuu90Xvv;YpEAhU^6y04WwFBDXO>1v!M3L?N0QrF6d(9qC`Jzc^GwApij
z6${W@RG^tc;{=HZ@d!ulLlv$7;4C0rVbW0A${HR+1CFq#2n51WeyO!T41kID-sZg(
zG{F;odmLv00vtB2%=QkDH5_af1@-`<u7%YDPqe@%gn+{n0$BinLgJYI&_S__l7>V$
zIuf(6V^$;G-AZ2>stxGHo}M5BV77n;p{^|^U`b9C$F+Gkhz7Z><18D*qH`esTsJ?$
z7=b{N0Tt5GHI8{O0!A<b9H+2=JU03Ps0IN6d-6dS0-=CBydnp}a)2UKxbS9E8QN*E
z!wZsLgFwgt4&caz7xsjJE)X`i9<LxG&N1H&1%?bbIG(!uCBhZ}0nq-4#~)NU?>+58
z6BzJ997w#U3%G|FvCwuKyzqo4ga88-7{{Q5P{*cAI+hOC@EH!!gFUqY0~dIL5Kuq?
z_VGaiO5ixy&-`&O7=Q=tGCOO6@M?kBfem_~*=-(i1@_$`594EDB}l-9f7k&Wq#&Z@
z8)1)pt(+Eo$Dft`@rh(Cf)E?PaA@t|jDc{$5&yfgBvzga+BR_c{xE|7BuIT4Q-i<*
zYgT=;?v{u%7|bANc)=9(pa-D-X%j7YK{e=)0bD$_1N7$rT3{+?5DcLJ0Tr+YO~eOl
z00E(}0~(+^GGGG><VcqQ0VYrj&wvDRFb7~o2rU2x7(jnUa0Uo8X}sV7^ydQO<pcm=
z0_o)smjDGmU<l7J0T_^89bhOOM|#bJYO1Dw=8+4x(iefi0Eci0@Ng?&0S`%d2xw3g
zlb{HSzy^5$7W~i$Y@h<oKmr-i0pZ{RBme}A5CEuzBQJmhFaQINa16mv2x$-qhkyev
za0vNQ4s1Y$s&F9ukOz6F2!4PU{15=IumLvE0Sk}~0^kH`fC>!%umLU*1ZL8MrG{qW
zHgf707_5M9C(;u?F&v)wFg)>zKr#kTbu$Aq2Ce5*H=~MJSXLwwiv1yrU~`I4^&YI~
zZ4;DYH&6_in2CEZ2sluL<Z=_c*fxkD1Z9_rg|Uh0R*W-ojEI1GF2;<45sbsQSJ3zo
z6Z8&daDM4$jfJrTlQ2%(SQF*s3aM6&;#eNF00gafjwi7bYI6=3@Qdvz7#R=<>L8Ek
z2q~(d1Iw6?h0zLm=8rDHF?mn`>`0L1F#$CYj|d48O)(Ek;E<SM2((ZLCpeMwXf9{a
zBp68;hQJPx<dG=R6mY--V$zZ>`I0ahlQJnLTM!K1hLRk1(G)o%20Yo5KKYYC8I(dP
z26-?I+K7`dVJ;tKB23woPU)0LsS-*VmFKt<R9Tf%d6mUzm0G!#S=p6I!j)hdmSOOe
zW_gxqnU-p~mTcLUZi$vHunk`@mvmW|c6pb0nU{LGmwefme)*Sx8JL1;mqmaH0RaFz
DD%C|Y

diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
index 983e521d03cd3..1cde6de19d58b 100644
--- a/src/ui/public/styles/base.less
+++ b/src/ui/public/styles/base.less
@@ -94,7 +94,7 @@ ul.navbar-inline li {
   .flex-parent(@shrink: 0);
   position: relative;
   z-index: 0;
-  background-color: #fff;
+  background-color: @white;
 }
 
 .top-fixed {
@@ -140,11 +140,25 @@ a {
     z-index: 0;
   }
 
-  > navbar:first-child { padding-bottom: 0; }
+  .kibana-nav-options {
+    padding-bottom: 0;
+    .kibana-nav-actions {
+      margin-left: auto;
+    }
+    .kibana-nav-info {
+      line-height: 30px;
+      padding: 0 10px;
+      &-title {
+        font-weight: bold;
+        margin-right: 10px;
+      }
+    }
+  }
 
   > config {
     z-index: 1;
   }
+  > navbar { padding-bottom: 4px; }
 
   > nav,
   > navbar {
diff --git a/src/ui/public/styles/control_group.less b/src/ui/public/styles/control_group.less
index 3f21998996402..ddfc55cde6b85 100644
--- a/src/ui/public/styles/control_group.less
+++ b/src/ui/public/styles/control_group.less
@@ -23,37 +23,6 @@
     }
   }
 
-  button {
-    padding: 4px 10px;
-    font-size: @font-size-base;
-    color: @control-group-link-color;
-    background-color: @control-group-bg;
-
-    &:hover {
-      color: @control-group-link-hover-color;
-      background-color: @control-group-link-hover-bg;
-    }
-
-    .active, &:active, &:focus {
-      color: @control-group-link-active-color;
-      background-color: @control-group-link-active-bg;
-    }
-
-    &[disabled] {
-      color: @control-group-link-disabled-color;
-      background-color: @control-group-link-disabled-bg;
-    }
-
-    &:focus {
-      // because some buttons are all side-to-side, the browser's outline
-      // is cut off by the next button. This causes the outline to be
-      // drawn inside the button. Appplied to all buttons so that it's
-      // uniform within this widget
-      outline-offset: -4px;
-    }
-  }
-
-
   // horizontal group of buttons/form elements
   .button-group,
   .inline-form .input-group {
diff --git a/src/ui/public/styles/navbar.less b/src/ui/public/styles/navbar.less
index 20c0ef599c795..bd79fb0bad8cf 100644
--- a/src/ui/public/styles/navbar.less
+++ b/src/ui/public/styles/navbar.less
@@ -1,5 +1,7 @@
 @import "./control_group";
 
+@navbar-margin: @padding-small-vertical;
+
 navbar {
   .control-group();
 
@@ -21,8 +23,8 @@ navbar {
   }
 
   .navbar-text {
-    margin-top: 6px;
-    margin-bottom: 6px;
+    margin-top: @navbar-margin;
+    margin-bottom: @navbar-margin;
   }
 
   // the "brand" that is displayed, usually on the left of the navbar
diff --git a/src/ui/public/styles/variables/for-theme.less b/src/ui/public/styles/variables/for-theme.less
index ae5206f99c1ac..449733fffba9f 100644
--- a/src/ui/public/styles/variables/for-theme.less
+++ b/src/ui/public/styles/variables/for-theme.less
@@ -302,6 +302,8 @@
 @tooltip-color: @gray-lighter;
 
 @tooltip-table-border: @gray;
+@tooltip-bold: 600;
+
 
 
 // Svg =========================================================================
diff --git a/src/ui/public/timepicker/toggle.html b/src/ui/public/timepicker/toggle.html
index d230465203482..dda92068f3ffa 100644
--- a/src/ui/public/timepicker/toggle.html
+++ b/src/ui/public/timepicker/toggle.html
@@ -8,8 +8,7 @@
   </li>
 
   <li
-    ng-show="timefilter.refreshInterval.value > 0 || configTemplate.is('interval') || configTemplate.is('filter')"
-    class="to-body">
+    ng-show="timefilter.refreshInterval.value > 0 || configTemplate.is('interval') || configTemplate.is('filter')">
 
     <button ng-click="configTemplate.toggle('interval')"
     ng-class="{active: configTemplate.is('interval') }"
@@ -20,7 +19,7 @@
 
   </li>
 
-  <li class="to-body" >
+  <li>
     <button ng-class="{active: configTemplate.is('filter')}"
       ng-click="configTemplate.toggle('filter')"
       aria-haspopup="true"
diff --git a/src/ui/public/vislib/styles/_tooltip.less b/src/ui/public/vislib/styles/_tooltip.less
index 195d07b9b1994..bf6dd074d90ea 100644
--- a/src/ui/public/vislib/styles/_tooltip.less
+++ b/src/ui/public/vislib/styles/_tooltip.less
@@ -1,7 +1,5 @@
 @import (reference) "~ui/styles/variables";
 
-@semi-bold: 600;
-
 .vis-tooltip,
 .vis-tooltip-sizing-clone {
   visibility: hidden;
@@ -30,7 +28,7 @@
     font-family: @font-family-sans-serif;
 
     th {
-      font-weight: @semi-bold;
+      font-weight: @tooltip-bold;
     }
   }
 
diff --git a/src/ui/public/visualize/visualize.html b/src/ui/public/visualize/visualize.html
index 870ffab4847f9..5d8f7763033bb 100644
--- a/src/ui/public/visualize/visualize.html
+++ b/src/ui/public/visualize/visualize.html
@@ -11,7 +11,7 @@ <h4>No results found</h4>
     ng-style="loadingStyle"
     ng-class="{ loading: vis.type.requiresSearch && searchSource.activeFetchCount > 0 }"
     class="visualize-chart"></div>
-  <visualize-legend ng-show="vis.params.addLegend"></visualize-legend>
+  <visualize-legend></visualize-legend>
 </div>
 <!-- <pre>{{chartData | json}}</pre> -->
 <visualize-spy ng-if="vis.type.requiresSearch && showSpyPanel"></visualize-spy>

From 30dfe7764afa601e07ebca7e2b11ab5b2d6768ea Mon Sep 17 00:00:00 2001
From: Spencer <spalger@users.noreply.github.com>
Date: Mon, 7 Mar 2016 12:09:50 -0700
Subject: [PATCH 148/181] Update nav.js

---
 src/ui/public/chrome/api/nav.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/ui/public/chrome/api/nav.js b/src/ui/public/chrome/api/nav.js
index 0e100ba1119c0..3e3d7c27a7610 100644
--- a/src/ui/public/chrome/api/nav.js
+++ b/src/ui/public/chrome/api/nav.js
@@ -1,10 +1,14 @@
 import { parse, format } from 'url';
-import { startsWith, isString, find } from 'lodash';
+import { find, startsWith, isString, find } from 'lodash';
 
 export default function (chrome, internals) {
   chrome.getNavLinks = function () {
     return internals.nav;
   };
+  
+  chrome.getActiveNavLink = function () {
+    return find(internals.nav, { active: true });
+  };
 
   chrome.getBasePath = function () {
     return internals.basePath || '';

From aa36e68d54fbbc23dada44033d9d16bd9dd82be8 Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Tue, 8 Mar 2016 09:19:24 -0700
Subject: [PATCH 149/181] Change cursor to move button

---
 src/plugins/kibana/public/dashboard/styles/main.less | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/plugins/kibana/public/dashboard/styles/main.less b/src/plugins/kibana/public/dashboard/styles/main.less
index 9b685625eb9fd..38ebe07c2e849 100644
--- a/src/plugins/kibana/public/dashboard/styles/main.less
+++ b/src/plugins/kibana/public/dashboard/styles/main.less
@@ -114,6 +114,10 @@ dashboard-grid {
           }
         }
 
+        .panel-move:hover {
+          cursor: move;
+        }
+
         a {
           color: @dashboard-panel-heading-link-color;
           border: none;

From 2c3eccf29ad9afaa2452ad4872b4990466b8a46a Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Tue, 8 Mar 2016 10:48:45 -0800
Subject: [PATCH 150/181] removing spaces

---
 src/plugins/kibana/public/visualize/wizard/step_2.html | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/wizard/step_2.html b/src/plugins/kibana/public/visualize/wizard/step_2.html
index 644aded07e766..e25b3f95ae002 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_2.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_2.html
@@ -1,6 +1,5 @@
 <div class="wizard-vis-container">
   <div class="wizard">
-
     <div class="wizard-vis-column first">
       <h3>From a New Search</h3>
       <!-- Index patterns -->
@@ -21,7 +20,6 @@ <h3>From a New Search</h3>
         </table>
       </div>
     </div>
-
     <div class="wizard-vis-column">
       <h3>Or, From a Saved Search</h3>
       <!-- Saved searches -->
@@ -32,6 +30,5 @@ <h3>Or, From a Saved Search</h3>
           make-url="step2WithSearchUrl">
       </saved-object-finder>
     </div>
-
   </div>
 </div>

From 52cf10a588821c67d5184bb4975db6ceedd87d58 Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Tue, 8 Mar 2016 13:52:31 -0500
Subject: [PATCH 151/181] [Chrome] Fixed getActiveTabId

---
 src/ui/public/chrome/api/nav.js  | 6 +-----
 src/ui/public/chrome/api/tabs.js | 9 ++++++++-
 src/ui/public/chrome/chrome.html | 2 +-
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/ui/public/chrome/api/nav.js b/src/ui/public/chrome/api/nav.js
index 3e3d7c27a7610..0e100ba1119c0 100644
--- a/src/ui/public/chrome/api/nav.js
+++ b/src/ui/public/chrome/api/nav.js
@@ -1,14 +1,10 @@
 import { parse, format } from 'url';
-import { find, startsWith, isString, find } from 'lodash';
+import { startsWith, isString, find } from 'lodash';
 
 export default function (chrome, internals) {
   chrome.getNavLinks = function () {
     return internals.nav;
   };
-  
-  chrome.getActiveNavLink = function () {
-    return find(internals.nav, { active: true });
-  };
 
   chrome.getBasePath = function () {
     return internals.basePath || '';
diff --git a/src/ui/public/chrome/api/tabs.js b/src/ui/public/chrome/api/tabs.js
index 659b00eae30e4..d9a8af290276e 100644
--- a/src/ui/public/chrome/api/tabs.js
+++ b/src/ui/public/chrome/api/tabs.js
@@ -80,7 +80,14 @@ module.exports = function (chrome, internals) {
    * @param {any} def - the default value if there isn't any active tab
    * @return {any}
    */
-  chrome.getActiveTabId = activeGetter('id');
+  chrome.getActiveTabId = function () {
+    const activeAppObj = _.find(internals.nav, { active: true });
+    const lastUrl = activeAppObj.lastSubUrl.toLowerCase();
+    const numeralPos = lastUrl.indexOf('#/') + 2;
+    const quesPos = lastUrl.indexOf('?');
+    const dirtyUrl = lastUrl.substring(numeralPos, quesPos);
+    return dirtyUrl.replace('/', '-');
+  };
 
   /**
    * @param {any} def - the default value if there isn't any active tab
diff --git a/src/ui/public/chrome/chrome.html b/src/ui/public/chrome/chrome.html
index 45cbf36d36caf..4c11f3f67898e 100644
--- a/src/ui/public/chrome/chrome.html
+++ b/src/ui/public/chrome/chrome.html
@@ -80,7 +80,7 @@
         </div>
         <!-- /Full navbar -->
       </nav>
-      <div class="application" ng-class="'tab-' + chrome.getActiveTabId('-none-') + ' ' + chrome.getApplicationClasses()" ng-view></div>
+      <div class="application" ng-class="'tab-' + chrome.getActiveTabId() + ' ' + chrome.getApplicationClasses()" ng-view></div>
     </div>
   </div>
 </div>

From 4119554f46e487d6e30ae7a8d23b83f59b28de9d Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Wed, 9 Mar 2016 17:08:30 -0400
Subject: [PATCH 152/181] [Chrome] Moved some things around to keep the chrome
 consistent

---
 src/ui/public/chrome/api/angular.js |  9 ++++++++-
 src/ui/public/chrome/api/tabs.js    | 13 -------------
 src/ui/public/chrome/chrome.html    |  2 +-
 3 files changed, 9 insertions(+), 15 deletions(-)

diff --git a/src/ui/public/chrome/api/angular.js b/src/ui/public/chrome/api/angular.js
index d6dda29f07eac..1f20017a6402e 100644
--- a/src/ui/public/chrome/api/angular.js
+++ b/src/ui/public/chrome/api/angular.js
@@ -3,6 +3,8 @@ import modules from 'ui/modules';
 
 module.exports = function (chrome, internals) {
 
+  chrome.getFirstPathSegment = _.noop;
+
   chrome.setupAngular = function () {
     var kibana = modules.get('kibana');
 
@@ -21,7 +23,12 @@ module.exports = function (chrome, internals) {
       a.href = chrome.addBasePath('/elasticsearch');
       return a.href;
     }()))
-    .config(chrome.$setupXsrfRequestInterceptor);
+    .config(chrome.$setupXsrfRequestInterceptor)
+    .run(($location) => {
+      chrome.getFirstPathSegment = () => {
+        return $location.path().split('/')[1];
+      }
+    });
 
     require('../directives')(chrome, internals);
 
diff --git a/src/ui/public/chrome/api/tabs.js b/src/ui/public/chrome/api/tabs.js
index d9a8af290276e..f379030f573c4 100644
--- a/src/ui/public/chrome/api/tabs.js
+++ b/src/ui/public/chrome/api/tabs.js
@@ -76,19 +76,6 @@ module.exports = function (chrome, internals) {
     return internals.tabs.getActive();
   };
 
-  /**
-   * @param {any} def - the default value if there isn't any active tab
-   * @return {any}
-   */
-  chrome.getActiveTabId = function () {
-    const activeAppObj = _.find(internals.nav, { active: true });
-    const lastUrl = activeAppObj.lastSubUrl.toLowerCase();
-    const numeralPos = lastUrl.indexOf('#/') + 2;
-    const quesPos = lastUrl.indexOf('?');
-    const dirtyUrl = lastUrl.substring(numeralPos, quesPos);
-    return dirtyUrl.replace('/', '-');
-  };
-
   /**
    * @param {any} def - the default value if there isn't any active tab
    * @return {any}
diff --git a/src/ui/public/chrome/chrome.html b/src/ui/public/chrome/chrome.html
index 4c11f3f67898e..465b9525c5fdd 100644
--- a/src/ui/public/chrome/chrome.html
+++ b/src/ui/public/chrome/chrome.html
@@ -80,7 +80,7 @@
         </div>
         <!-- /Full navbar -->
       </nav>
-      <div class="application" ng-class="'tab-' + chrome.getActiveTabId() + ' ' + chrome.getApplicationClasses()" ng-view></div>
+      <div class="application" ng-class="'tab-' + chrome.getFirstPathSegment() + ' ' + chrome.getApplicationClasses()" ng-view></div>
     </div>
   </div>
 </div>

From c6432bc8213e5452e31f308d2c9afed1f913619a Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Wed, 9 Mar 2016 18:04:26 -0800
Subject: [PATCH 153/181] refactoring less

---
 .../kibana/public/visualize/styles/main.less  | 140 +-----------------
 .../public/partials/saved_object_finder.html  |  28 ++--
 src/ui/public/styles/base.less                |  87 ++++++++++-
 3 files changed, 101 insertions(+), 154 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/styles/main.less b/src/plugins/kibana/public/visualize/styles/main.less
index 46949d5f1ff66..fd9d0898e359f 100644
--- a/src/plugins/kibana/public/visualize/styles/main.less
+++ b/src/plugins/kibana/public/visualize/styles/main.less
@@ -2,36 +2,6 @@
 @import (reference) "~bootstrap/less/list-group";
 @import (reference) "~ui/styles/list-group-menu";
 
-@icon-background-color: #416376;
-
-ul.li-not-striped {
-  li:nth-child(odd) {
-    background-color: transparent !important;
-  }
-
-  li:nth-child(even) {
-    background-color: transparent !important;
-  }
-
-  padding: 0;
-  display: flex;
-  flex-direction: row;
-}
-
-ul.li-striped {
-  li {
-    border: none;
-  }
-
-  li:nth-child(odd) {
-    background-color: @kibanaGray6;
-  }
-
-  li:nth-child(even) {
-    background-color: @white;
-  }
-}
-
 .step-1-wizard {
   flex: 1;
   background-color: @kibanaGray6;
@@ -63,11 +33,6 @@ ul.li-striped {
   }
 }
 
-.paginate-style {
-  padding-bottom: 1px;
-  background-color: @kibanaGray6;
-}
-
 .form-text {
   color: @kibanaBlue2;
 }
@@ -91,112 +56,9 @@ ul.li-striped {
 }
 
 .icon-color {
-  color: @icon-background-color;
-}
-
-.search-icon {
-  color: @kibanaGray3;
-  width: 30px !important;
-}
-
-.table-type-label {
-  color: @kibanaGray2 !important;
-  font-weight: normal;
-}
-
-.table-label {
-  color: @kibanaGray1 !important;
-  font-weight: normal;
-}
-
-/* saved_object_finder.html striped table colors */
-.table-striped > tbody > tr:nth-of-type(even) {
-  background-color: @kibanaGray6;
-}
-
-.table-striped > tbody > tr:nth-of-type(odd) {
-  background-color: @white;
-}
-
-.table > tbody > tr > th,
-.table > tbody > tr > td {
-  border-top: none;
-}
-
-.table > thead > tr {
-  background-color: @kibanaGray6;
-}
-
-.table > thead > tr > th {
-  border-bottom: none;
-}
-
-.table > tbody > tr > th.first-cell {
-  text-align: center;
-}
-
-.saved-object-finder-row {
-  background-color: @kibanaGray6;
-  padding: 10px;
-  display: flex;
-  flex-direction: row;
-}
-
-.saved-object-finder-input {
-  float: left !important;
-  flex: 8;
-
-  span {
-    padding: 5px 0px;
-    background-color: @white;
-    border: none;
-  }
-
-  input {
-    border: none;
-    padding: 5px 0px;
-    border-radius: 4px;
-  }
-}
-
-.saved-object-finder-column-manage {
-  flex: 3;
-  padding: 5px;
-  text-align: left;
-  min-width: 80px;
-}
-
-.saved-object-finder-column {
-  text-align: center;
-  padding: 5px;
-  flex: 1;
-  min-width: 80px;
-
-  span {
-    color: @kibanaGray3;
-  }
-}
-
-.list-header {
-  padding-top: 0;
+  color: @kibanaBlue3;
 }
 
-.list-type {
-  width: 50px;
-  text-align: center;
-}
-
-.list-name {
-  flex: 1;
-}
-
-.list-body {
-  padding: 8px 15px;
-}
-
-.saved-object-finder-table {
-  width: 100%;
-}
 
 /* ****************************** */
 @media (min-width: 1280px) {
diff --git a/src/ui/public/partials/saved_object_finder.html b/src/ui/public/partials/saved_object_finder.html
index 7d4ab1c46d879..bc347c294af93 100644
--- a/src/ui/public/partials/saved_object_finder.html
+++ b/src/ui/public/partials/saved_object_finder.html
@@ -1,8 +1,8 @@
 <form role="form" class="form-inline">
   <div class="container-fluid">
-    <div class="saved-object-finder-row row">
-      <div class="saved-object-finder-input input-group form-group finder-form col-md-8">
-        <span class="search-icon input-group-addon">
+    <div class="row">
+      <div class="input-group form-group finder-form col-md-8">
+        <span class="input-group-addon">
           <i class="fa fa-search"></i>
         </span>
         <input
@@ -14,23 +14,23 @@
           name="filter"
           type="text" />
       </div>
-      <div class="saved-object-finder-column col-md-2">
+      <div id="finder-hit-count" class="col-md-2">
         <span>{{finder.hitCount}} of {{finder.hitCount}}</span>
       </div>
-      <div class="saved-object-finder-column-manage col-md-2">
+      <div id="finder-manage-object" class="col-md-2">
         <a class="small" ng-click="finder.manageObjects(finder.properties.name)">Manage {{finder.properties.nouns | capitalize}}</a>
       </div>
     </div>
   </div>
 </form>
-<paginate list="finder.hits" per-page="20" class="paginate-style">
+<paginate list="finder.hits" per-page="20">
   <ul class="li-striped list-group list-group-menu"
     ng-class="{'select-mode': finder.selector.enabled}">
 
-    <li class="list-header list-group-item list-group-menu-item">
-      <ul class="li-not-striped">
-        <li class="list-type table-type-label" ng-show="finder.properties.noun === 'Visualization'">Type</li>
-        <li class="list-name table-label">
+    <li class="list-group-item list-group-menu-item">
+      <ul>
+        <li class="finder-type paginate-heading" ng-show="finder.properties.noun === 'Visualization'">Type</li>
+        <li class="finder-name paginate-heading">
           Name
           <i
             class="fa"
@@ -45,7 +45,7 @@
     </li>
 
     <li
-      class="list-body list-group-item list-group-menu-item"
+      class="list-group-item list-group-menu-item"
       ng-class="{'active': finder.selector.index === $index && finder.selector.enabled}"
       ng-repeat="hit in page"
       ng-keydown="finder.hitKeyDown($event, page, paginate)"
@@ -54,11 +54,11 @@
       <a ng-href="{{finder.makeUrl(hit)}}"
           ng-blur="finder.hitBlur($event)"
           ng-click="finder.preventClick($event)">
-        <ul class="li-not-striped">
-          <li ng-show="finder.properties.noun === 'Visualization'" class="list-type">
+        <ul>
+          <li ng-show="finder.properties.noun === 'Visualization'" class="finder-type">
             <i aria-hidden="true" class="fa" ng-if="hit.icon" ng-class="hit.icon"></i>
           </li>
-          <li class="list-name">
+          <li class="finder-name">
             {{hit.title}}
             <p ng-if="hit.description" ng-bind="hit.description"></p>
           </li>
diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
index 1cde6de19d58b..07e1714ea561b 100644
--- a/src/ui/public/styles/base.less
+++ b/src/ui/public/styles/base.less
@@ -289,14 +289,99 @@ table {
 
 //== SavedObjectFinder
 saved-object-finder {
+  .row {
+    background-color: @kibanaGray6;
+    padding: 10px;
+    display: flex;
+    flex-direction: row;
+  }
+
   .form-group {
     margin-bottom: 0;
+    float: left;
+    flex: 8;
+
     input {
-      .border-bottom-radius(0);
+      border: none;
+      padding: 5px 0px;
+      border-radius: @border-radius-base;
+    }
+
+    span {
+      padding: 5px 0px;
+      background-color: @white;
+      border: none;
+
+      i {
+        color: @kibanaGray3;
+        width: 15px;
+      }
+    }
+  }
+
+  #finder-hit-count {
+    text-align: center;
+    padding: 5px;
+    flex: 1;
+    min-width: 80px;
+
+    span {
+      color: @kibanaGray3;
+    }
+  }
+
+  #finder-manage-object {
+    flex: 3;
+    padding: 5px;
+    text-align: left;
+    min-width: 80px;
+  }
+
+  ul.li-striped {
+    li {
+      border: none;
+    }
+
+    li:nth-child(odd) {
+      background-color: @kibanaGray6;
+    }
+
+    li:nth-child(even) {
+      background-color: @white;
     }
   }
 
   .list-group-item {
+    padding: 8px 15px;
+
+    ul {
+      padding: 0;
+      display: flex;
+      flex-direction: row;
+
+      .paginate-heading {
+        font-weight: normal;
+        color: @kibanaGray1;
+      }
+
+      .finder-type {
+        width: 50px;
+        text-align: center;
+      }
+
+      .finder-name {
+        flex: 1;
+      }
+
+      li:nth-child(odd) {
+        background-color: transparent;
+      }
+
+      li:nth-child(even) {
+        background-color: transparent;
+      }
+    }
+
     a {
       i {
         color: @saved-object-finder-icon-color !important;

From 99f48126a0de4bb36c794f6d23e7fe1cb6d0af05 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Wed, 9 Mar 2016 18:38:36 -0800
Subject: [PATCH 154/181] refactoring less files

---
 .../kibana/public/visualize/styles/main.less  | 58 ++++---------------
 .../public/visualize/wizard/step_1.html       | 43 +++++++-------
 .../public/visualize/wizard/step_2.html       | 58 +++++++++----------
 3 files changed, 58 insertions(+), 101 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/styles/main.less b/src/plugins/kibana/public/visualize/styles/main.less
index fd9d0898e359f..03dd23f5b9f01 100644
--- a/src/plugins/kibana/public/visualize/styles/main.less
+++ b/src/plugins/kibana/public/visualize/styles/main.less
@@ -14,33 +14,6 @@
   padding-left: 5px;
 }
 
-.search-label {
-  padding-left: 5px;
-}
-
-.list-search-item {
-  border: none;
-  background-color: @kibanaGray6;
-  border-radius: 0;
-  padding: 0;
-}
-
-.saved-search-label {
-  padding-left: 10px;
-
-  label {
-    margin-bottom: 0;
-  }
-}
-
-.form-text {
-  color: @kibanaBlue2;
-}
-
-.link-color {
-  color: @kibanaBlue2;
-}
-
 .step-2-table {
   margin-bottom: 0;
   border-bottom: 1px solid @kibanaGray6;
@@ -55,31 +28,24 @@
   color: @kibanaBlue2;
 }
 
-.icon-color {
-  color: @kibanaBlue3;
-}
-
-
 /* ****************************** */
 @media (min-width: 1280px) {
   .wizard-vis-container {
     padding: 0px;
+    display: flex;
 
-    .wizard {
+    .wizard-vis-column {
+      flex: 1;
       display: flex;
+      flex-direction: column;
+    }
 
-      .wizard-vis-column {
-        flex: 1;
-        display: flex;
-        flex-direction: column;
-      }
-
-      .wizard-vis-column.first {
-        padding-right: 5px;
-      }
+    .wizard-vis-column.first {
+      padding-right: 5px;
     }
   }
 }
+/* ****************************** */
 
 .vis-wizard {
   margin-right: 0px;
@@ -93,12 +59,8 @@
   }
 }
 
-.wizard-vis-types {
-  flex: 1;
-  background-color: @kibanaGray6;
-}
-
 .wizard-vis-type {
+  flex: 1;
   .list-group-item();
   .list-group-menu .list-group-menu-item();
 
@@ -117,6 +79,7 @@
       margin-right: @padding-base-horizontal;
       font-size: 1.5em;
       text-align: center;
+      color: @saved-object-finder-icon-color;
     }
 
     h4 {
@@ -130,5 +93,4 @@
   }
 }
 
-
 @import "../editor/styles/_editor.less";
diff --git a/src/plugins/kibana/public/visualize/wizard/step_1.html b/src/plugins/kibana/public/visualize/wizard/step_1.html
index ebd8d5ec64589..9fc7e03d48dda 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_1.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_1.html
@@ -1,30 +1,27 @@
 <div class="wizard-vis-container">
-  <div class="wizard">
-    <div class="wizard-vis-column first">
-      <h3>Create New Visualization</h3>
-      <div class="step-1-wizard">
-        <div class="wizard-vis-types"> <a class="wizard-vis-type"
-            ng-repeat="type in visTypes.inTitleOrder"
-            ng-href="{{ visTypeUrl(type) }}">
+  <div class="wizard-vis-column first">
+    <h3>Create New Visualization</h3>
+    <div class="step-1-wizard">
+      <a class="wizard-vis-type"
+        ng-repeat="type in visTypes.inTitleOrder"
+        ng-href="{{ visTypeUrl(type) }}">
 
-            <div class="wizard-vis-type-heading">
-              <i aria-hidden="true" class="fa fa-fw icon-color" ng-class="type.icon"></i>
-              <h4>{{type.title}}</h4>
-            </div>
-
-            <p class="wizard-vis-type-description">{{type.description}}</p>
-          </a>
+        <div class="wizard-vis-type-heading">
+          <i aria-hidden="true" class="fa fa-fw" ng-class="type.icon"></i>
+          <h4>{{type.title}}</h4>
         </div>
-      </div>
-    </div>
 
-    <div class="wizard-vis-column">
-      <h3>Or, Open a Saved Visualization</h3>
-      <saved-object-finder
-        title="Saved Visualizations"
-        type="visualizations"
-        class="step-1-wizard">
-      </saved-object-finder>
+        <p class="wizard-vis-type-description">{{type.description}}</p>
+      </a>
     </div>
   </div>
+
+  <div class="wizard-vis-column">
+    <h3>Or, Open a Saved Visualization</h3>
+    <saved-object-finder
+      title="Saved Visualizations"
+      type="visualizations"
+      class="step-1-wizard">
+    </saved-object-finder>
+  </div>
 </div>
diff --git a/src/plugins/kibana/public/visualize/wizard/step_2.html b/src/plugins/kibana/public/visualize/wizard/step_2.html
index e25b3f95ae002..09f5c02bca9c5 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_2.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_2.html
@@ -1,34 +1,32 @@
 <div class="wizard-vis-container">
-  <div class="wizard">
-    <div class="wizard-vis-column first">
-      <h3>From a New Search</h3>
-      <!-- Index patterns -->
-      <div class="step-1-wizard">
-        <table class="step-2-table table table-striped">
-          <thead>
-            <tr>
-              <th class="step-2-table-header">Index Patterns</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr ng-repeat="pattern in indexPattern.list">
-              <td>
-                <a class="index-link"  href ng-click="goToUrl(pattern)">{{pattern}}</a>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-    <div class="wizard-vis-column">
-      <h3>Or, From a Saved Search</h3>
-      <!-- Saved searches -->
-      <saved-object-finder
-          class="step-1-wizard"
-          title="Saved Searches"
-          type="searches"
-          make-url="step2WithSearchUrl">
-      </saved-object-finder>
+  <div class="wizard-vis-column first">
+    <h3>From a New Search</h3>
+    <!-- Index patterns -->
+    <div class="step-1-wizard">
+      <table class="step-2-table table table-striped">
+        <thead>
+          <tr>
+            <th class="step-2-table-header">Index Patterns</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr ng-repeat="pattern in indexPattern.list">
+            <td>
+              <a class="index-link"  href ng-click="goToUrl(pattern)">{{pattern}}</a>
+            </td>
+          </tr>
+        </tbody>
+      </table>
     </div>
   </div>
+  <div class="wizard-vis-column">
+    <h3>Or, From a Saved Search</h3>
+    <!-- Saved searches -->
+    <saved-object-finder
+        class="step-1-wizard"
+        title="Saved Searches"
+        type="searches"
+        make-url="step2WithSearchUrl">
+    </saved-object-finder>
+  </div>
 </div>

From 7af5419f72774fe878d1ea14af0e278d469b6da8 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 10 Mar 2016 09:23:04 -0800
Subject: [PATCH 155/181] refactoring less files

---
 .../kibana/public/visualize/styles/main.less  | 109 ++++++++----------
 .../public/visualize/wizard/step_1.html       |  21 ++--
 .../public/visualize/wizard/step_2.html       |  12 +-
 3 files changed, 66 insertions(+), 76 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/styles/main.less b/src/plugins/kibana/public/visualize/styles/main.less
index 03dd23f5b9f01..eea4f643e890c 100644
--- a/src/plugins/kibana/public/visualize/styles/main.less
+++ b/src/plugins/kibana/public/visualize/styles/main.less
@@ -2,17 +2,6 @@
 @import (reference) "~bootstrap/less/list-group";
 @import (reference) "~ui/styles/list-group-menu";
 
-.step-1-wizard {
-  flex: 1;
-  background-color: @kibanaGray6;
-}
-
-.step-2-list {
-  border: none;
-  background-color: @kibanaGray6;
-  border-radius: 0;
-  padding-left: 5px;
-}
 
 .step-2-table {
   margin-bottom: 0;
@@ -28,69 +17,73 @@
   color: @kibanaBlue2;
 }
 
-/* ****************************** */
-@media (min-width: 1280px) {
-  .wizard-vis-container {
-    padding: 0px;
-    display: flex;
+.vis-wizard {
+  margin-right: 0px;
+  margin-left: 0px;
+  padding-left: 0px;
+  padding-right: 0px;
 
-    .wizard-vis-column {
-      flex: 1;
+  @media (min-width: 1280px) {
+    .wizard {
+      padding: 0px;
       display: flex;
-      flex-direction: column;
-    }
 
-    .wizard-vis-column.first {
-      padding-right: 5px;
+      :first-child {
+        padding-right: 5px;
+      }
+
+      .wizard-column {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+      }
     }
   }
-}
-/* ****************************** */
 
-.vis-wizard {
-  margin-right: 0px;
-  margin-left: 0px;
-  padding-left: 0px;
-  padding-right: 0px;
+  .wizard-row {
+    flex: 1;
+    background-color: @kibanaGray6;
+  }
 
   h3 {
     margin-top: 45px;
     padding: 0px 15px;
   }
-}
 
-.wizard-vis-type {
-  flex: 1;
-  .list-group-item();
-  .list-group-menu .list-group-menu-item();
-
-  border: none;
-  border-radius: 0;
-  background-color: @kibanaGray6;
-
-  &-heading {
-    flex: 0 0 200px;
-    display: flex;
-    align-items: center;
-    font-size: 1.2em;
-
-    .fa {
-      flex: 0 0 auto;
-      margin-right: @padding-base-horizontal;
-      font-size: 1.5em;
-      text-align: center;
-      color: @saved-object-finder-icon-color;
-    }
+  .wizard-type {
+    flex: 1;
+    .list-group-item();
+    .list-group-menu .list-group-menu-item();
+
+    border: none;
+    border-radius: 0;
+    background-color: @kibanaGray6;
 
-    h4 {
-      flex: 1 0 auto;
+    &-heading {
+      flex: 0 0 200px;
+      display: flex;
+      align-items: center;
+      font-size: 1.2em;
+
+      .fa {
+        flex: 0 0 auto;
+        margin-right: @padding-base-horizontal;
+        font-size: 1.5em;
+        text-align: center;
+        color: @saved-object-finder-icon-color;
+      }
+
+      h4 {
+        flex: 1 0 auto;
+      }
     }
-  }
 
-  &-description {
-    flex: 1 1 auto;
-    color: @wizard-vis-type-description-color;
+    &-description {
+      flex: 1 1 auto;
+      color: @wizard-vis-type-description-color;
+    }
   }
 }
 
+
 @import "../editor/styles/_editor.less";
diff --git a/src/plugins/kibana/public/visualize/wizard/step_1.html b/src/plugins/kibana/public/visualize/wizard/step_1.html
index 9fc7e03d48dda..0a982eb5739db 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_1.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_1.html
@@ -1,27 +1,22 @@
-<div class="wizard-vis-container">
-  <div class="wizard-vis-column first">
+<div class="wizard">
+  <div class="wizard-column">
     <h3>Create New Visualization</h3>
-    <div class="step-1-wizard">
-      <a class="wizard-vis-type"
-        ng-repeat="type in visTypes.inTitleOrder"
-        ng-href="{{ visTypeUrl(type) }}">
-
-        <div class="wizard-vis-type-heading">
+    <div class="wizard-row">
+      <a class="wizard-type" ng-repeat="type in visTypes.inTitleOrder" ng-href="{{ visTypeUrl(type) }}">
+        <div class="wizard-type-heading">
           <i aria-hidden="true" class="fa fa-fw" ng-class="type.icon"></i>
           <h4>{{type.title}}</h4>
         </div>
-
-        <p class="wizard-vis-type-description">{{type.description}}</p>
+        <p class="wizard-type-description">{{type.description}}</p>
       </a>
     </div>
   </div>
-
-  <div class="wizard-vis-column">
+  <div class="wizard-column">
     <h3>Or, Open a Saved Visualization</h3>
     <saved-object-finder
       title="Saved Visualizations"
       type="visualizations"
-      class="step-1-wizard">
+      class="wizard-row">
     </saved-object-finder>
   </div>
 </div>
diff --git a/src/plugins/kibana/public/visualize/wizard/step_2.html b/src/plugins/kibana/public/visualize/wizard/step_2.html
index 09f5c02bca9c5..8c2b65c3787b1 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_2.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_2.html
@@ -1,8 +1,9 @@
-<div class="wizard-vis-container">
-  <div class="wizard-vis-column first">
+<div class="wizard">
+  <div class="wizard-column">
     <h3>From a New Search</h3>
     <!-- Index patterns -->
-    <div class="step-1-wizard">
+    <div class="wizard-row">
+
       <table class="step-2-table table table-striped">
         <thead>
           <tr>
@@ -17,15 +18,16 @@ <h3>From a New Search</h3>
           </tr>
         </tbody>
       </table>
+
     </div>
   </div>
-  <div class="wizard-vis-column">
+  <div class="wizard-column">
     <h3>Or, From a Saved Search</h3>
     <!-- Saved searches -->
     <saved-object-finder
-        class="step-1-wizard"
         title="Saved Searches"
         type="searches"
+        class="wizard-row"
         make-url="step2WithSearchUrl">
     </saved-object-finder>
   </div>

From ba614855d40bfe48a9375c8e945b4d9e27648a01 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 10 Mar 2016 11:35:35 -0800
Subject: [PATCH 156/181] refactoring less and html files

---
 .../kibana/public/visualize/styles/main.less  | 71 +++++++++++--------
 .../public/visualize/wizard/step_2.html       | 24 +++----
 .../public/partials/saved_object_finder.html  |  3 +-
 3 files changed, 51 insertions(+), 47 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/styles/main.less b/src/plugins/kibana/public/visualize/styles/main.less
index eea4f643e890c..cdb1cdb770ed9 100644
--- a/src/plugins/kibana/public/visualize/styles/main.less
+++ b/src/plugins/kibana/public/visualize/styles/main.less
@@ -2,54 +2,66 @@
 @import (reference) "~bootstrap/less/list-group";
 @import (reference) "~ui/styles/list-group-menu";
 
-
-.step-2-table {
-  margin-bottom: 0;
-  border-bottom: 1px solid @kibanaGray6;
-}
-
-.step-2-table-header {
-  padding: 16px !important;
-}
-
-.index-link {
-  text-decoration: @link-hover-decoration !important;
-  color: @kibanaBlue2;
-}
-
 .vis-wizard {
-  margin-right: 0px;
-  margin-left: 0px;
-  padding-left: 0px;
-  padding-right: 0px;
+  margin-right: 0;
+  margin-left: 0;
+  padding-left: 0;
+  padding-right: 0;
 
   @media (min-width: 1280px) {
     .wizard {
-      padding: 0px;
+      padding: 0;
       display: flex;
 
-      :first-child {
-        padding-right: 5px;
-      }
-
       .wizard-column {
         flex: 1;
         display: flex;
         flex-direction: column;
+        padding: 0px 2.5px;
+
+        .wizard-row {
+          flex: 1;
+          background-color: @kibanaGray6;
+        }
       }
     }
   }
 
-  .wizard-row {
-    flex: 1;
-    background-color: @kibanaGray6;
-  }
-
   h3 {
     margin-top: 45px;
     padding: 0px 15px;
   }
 
+  .wizard-row {
+    .panel {
+      margin-bottom: 0;
+      border: none;
+    }
+
+    .panel-default > .panel-heading {
+      background-color: @kibanaGray6;
+    }
+
+    .list-group {
+      margin-bottom: 0;
+
+      .list-group-item {
+        border-radius: 0;
+        border: none;
+      }
+    }
+
+    .striped {
+      li:nth-child(odd) {
+        background-color: @white;
+      }
+
+      li:nth-child(even) {
+        background-color: @kibanaGray6;
+      }
+    }
+  }
+
   .wizard-type {
     flex: 1;
     .list-group-item();
@@ -85,5 +97,4 @@
   }
 }
 
-
 @import "../editor/styles/_editor.less";
diff --git a/src/plugins/kibana/public/visualize/wizard/step_2.html b/src/plugins/kibana/public/visualize/wizard/step_2.html
index 8c2b65c3787b1..960bdc9f869b0 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_2.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_2.html
@@ -3,22 +3,14 @@
     <h3>From a New Search</h3>
     <!-- Index patterns -->
     <div class="wizard-row">
-
-      <table class="step-2-table table table-striped">
-        <thead>
-          <tr>
-            <th class="step-2-table-header">Index Patterns</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr ng-repeat="pattern in indexPattern.list">
-            <td>
-              <a class="index-link"  href ng-click="goToUrl(pattern)">{{pattern}}</a>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-
+      <div class="panel panel-default">
+        <div class="panel-heading">Index Patterns</div>
+      </div>
+      <ul class="striped list-group">
+        <li class="list-group-item" ng-repeat="pattern in indexPattern.list">
+          <a class="index-link" href ng-click="goToUrl(pattern)">{{pattern}}</a>
+        </li>
+      </ul>
     </div>
   </div>
   <div class="wizard-column">
diff --git a/src/ui/public/partials/saved_object_finder.html b/src/ui/public/partials/saved_object_finder.html
index bc347c294af93..4273fdcf52482 100644
--- a/src/ui/public/partials/saved_object_finder.html
+++ b/src/ui/public/partials/saved_object_finder.html
@@ -64,12 +64,13 @@
           </li>
         </ul>
       </a>
-
     </li>
+
     <li
       class="list-group-item list-group-no-results"
       ng-if="finder.hits.length === 0">
       <p ng-bind="'No matching ' + finder.properties.nouns + ' found.'"></p>
     </li>
+
   </ul>
 </paginate>

From 344a444ce464d0346947dd46c3742bdc59539d2e Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 10 Mar 2016 12:45:13 -0800
Subject: [PATCH 157/181] using text-transform in favor or custom capitalize
 filter

---
 src/ui/public/filters/__tests__/capitalize.js | 72 -------------------
 src/ui/public/filters/capitalize.js           | 57 ---------------
 .../public/partials/saved_object_finder.html  |  5 +-
 src/ui/public/styles/base.less                | 13 ++--
 4 files changed, 11 insertions(+), 136 deletions(-)
 delete mode 100644 src/ui/public/filters/__tests__/capitalize.js
 delete mode 100644 src/ui/public/filters/capitalize.js

diff --git a/src/ui/public/filters/__tests__/capitalize.js b/src/ui/public/filters/__tests__/capitalize.js
deleted file mode 100644
index 9d48ca662e7f7..0000000000000
--- a/src/ui/public/filters/__tests__/capitalize.js
+++ /dev/null
@@ -1,72 +0,0 @@
-import angular from 'angular';
-import _ from 'lodash';
-import expect from 'expect.js';
-import ngMock from 'ngMock';
-import 'ui/filters/capitalize';
-
-let filter;
-
-const titles = [
-  'capitalize',
-  'saved searches',
-  'an awesome visualization',
-  'saved searches of the tenth degree',
-  'the title'
-];
-
-const notAString = 10;
-
-const init = function (expandable) {
-  // Load the application
-  ngMock.module('kibana');
-
-  // Create the scope
-  ngMock.inject(function ($filter) {
-    filter = $filter('capitalize');
-  });
-};
-
-describe('capitalize filter', function () {
-
-  beforeEach(function () {
-    init();
-  });
-
-  it('should have a capitalize filter', function () {
-    expect(filter).to.not.be(null);
-  });
-
-  it('should simply return non-string types as is', function () {
-    expect(filter(notAString)).to.be(notAString);
-  });
-
-  titles.forEach((title) => {
-    const nonCapitalizedWords = filter.nonCapitalizedWords();
-    const titleString = filter(title);
-    const splitTitleString = titleString.split(' ');
-
-    it('should always capitalize the first letter of the first word of a title', function () {
-      expect(titleString.charAt(0)).to.be(title.chartAt(0).toUpperCase());
-    });
-
-    it('should capitalize the first letter of a qualified string', function () {
-      splitTitleString.forEach((word) => {
-        if (_.indexOf(nonCapitalizedWords, word) === -1) {
-          expect(word.charAt(0)).to.be(word.charAt(0).toUpperCase());
-        }
-      });
-    });
-
-    it('should not capitalize certain words', function () {
-      splitTitleString.forEach((word) => {
-        if (_.indexOf(nonCapitalizedWords, word) !== -1) {
-          expect(word.charAt(0)).to.be(word.charAt(0).toLowerCase());
-        }
-      });
-    });
-
-    it('should not be a trailing space at the end of words', function () {
-      expect(titleString.charAt(titleString.length - 1)).to.not.be(' ');
-    });
-  });
-});
diff --git a/src/ui/public/filters/capitalize.js b/src/ui/public/filters/capitalize.js
deleted file mode 100644
index 680ad6346fc40..0000000000000
--- a/src/ui/public/filters/capitalize.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import _ from 'lodash';
-import uiModules from 'ui/modules';
-// Capitalize the first letter of titlized words
-
-uiModules
-.get('kibana')
-.filter('capitalize', function () {
-  let nonCapitalizedWords = ['a', 'an', 'the', 'and', 'but', 'or', 'for', 'nor', 'etc', 'on', 'at', 'to', 'from', 'by'];
-
-  function titlize(token) {
-    if (_.isString(token)) {
-      let words = token.split(' ');
-      let str = '';
-
-      words.forEach((word, index) => {
-        // Do not capitalize non-capitalized words and always
-        // capitalize the first letter of the first word in a title.
-        if (_.indexOf(nonCapitalizedWords, word) !== -1 && index !== 0) {
-          str = str + word + ' ';
-        } else {
-          str = str + word.charAt(0).toUpperCase() + word.slice(1) + ' ';
-        }
-
-        if (index === words.length - 1) {
-          str = str.trim();
-        }
-      });
-
-      return str;
-    }
-
-    return token;
-  };
-
-  function isAllStrings(value) {
-    if (_.isString(value)) return true;
-
-    if (_.isArray(value)) {
-      return value.every((item) => {
-        return _.isString(item);
-      });
-    }
-
-    return false;
-  }
-
-  titlize.nonCapitalizedWords = function (v) {
-    if (!arguments.length) return nonCapitalizedWords;
-    if (!isAllStrings(v)) {
-      throw new Error('titlize.nonCapitalizedWords expects a string or array of strings as input');
-    }
-    nonCapitalizedWords = _.isArray(v) ? v : nonCapitalizedWords.push(v);
-    return titlize;
-  };
-
-  return titlize;
-});
diff --git a/src/ui/public/partials/saved_object_finder.html b/src/ui/public/partials/saved_object_finder.html
index 4273fdcf52482..2402b9926c4ac 100644
--- a/src/ui/public/partials/saved_object_finder.html
+++ b/src/ui/public/partials/saved_object_finder.html
@@ -8,9 +8,10 @@
         <input
           input-focus
           ng-model="filter"
-          ng-attr-placeholder="{{finder.properties.nouns | capitalize}} Filter..."
+          ng-attr-placeholder="{{finder.properties.nouns}} Filter..."
           ng-keydown="finder.filterKeyDown($event)"
           class="form-control"
+          style="text-transform: capitalize"
           name="filter"
           type="text" />
       </div>
@@ -18,7 +19,7 @@
         <span>{{finder.hitCount}} of {{finder.hitCount}}</span>
       </div>
       <div id="finder-manage-object" class="col-md-2">
-        <a class="small" ng-click="finder.manageObjects(finder.properties.name)">Manage {{finder.properties.nouns | capitalize}}</a>
+        <a class="small" ng-click="finder.manageObjects(finder.properties.name)">Manage {{finder.properties.nouns}}</a>
       </div>
     </div>
   </div>
diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
index 07e1714ea561b..3d3ecf8a7c845 100644
--- a/src/ui/public/styles/base.less
+++ b/src/ui/public/styles/base.less
@@ -305,6 +305,7 @@ saved-object-finder {
       border: none;
       padding: 5px 0px;
       border-radius: @border-radius-base;
+      text-transform: capitalize;
     }
 
     span {
@@ -319,11 +320,14 @@ saved-object-finder {
     }
   }
 
-  #finder-hit-count {
-    text-align: center;
+  #finder-hit-count, #finder-manage-object {
+    min-width: 80px;
     padding: 5px;
+  }
+
+  #finder-hit-count {
     flex: 1;
-    min-width: 80px;
+    text-align: center;
 
     span {
       color: @kibanaGray3;
@@ -332,9 +336,8 @@ saved-object-finder {
 
   #finder-manage-object {
     flex: 3;
-    padding: 5px;
     text-align: left;
-    min-width: 80px;
+    text-transform: capitalize;
   }
 
   ul.li-striped {

From cabf78585f0ab0d79427e17798aff69e43097619 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 10 Mar 2016 13:01:41 -0800
Subject: [PATCH 158/181] reverting a small change

---
 src/ui/public/paginated_table/paginated_table.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/ui/public/paginated_table/paginated_table.html b/src/ui/public/paginated_table/paginated_table.html
index d40155c0d1578..e8a9dd403647f 100644
--- a/src/ui/public/paginated_table/paginated_table.html
+++ b/src/ui/public/paginated_table/paginated_table.html
@@ -33,4 +33,5 @@
   <!-- auto-inserted by the paginate directive... -->
   <!-- <paginate-controls></paginate-controls> -->
   <div class="pagination-container" ng-transclude></div>
+  
 </paginate>

From 6ff4e0df76e6791df9840e30e9a112de603adb37 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 10 Mar 2016 15:16:49 -0800
Subject: [PATCH 159/181] changes addressing reviewer comments

---
 .../kibana/public/visualize/styles/main.less   |  4 ++--
 .../kibana/public/visualize/wizard/step_2.html |  2 +-
 .../kibana/public/visualize/wizard/wizard.js   |  2 +-
 .../public/directives/saved_object_finder.js   | 18 +-----------------
 .../paginated_table/paginated_table.html       |  1 -
 .../public/partials/saved_object_finder.html   |  1 -
 6 files changed, 5 insertions(+), 23 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/styles/main.less b/src/plugins/kibana/public/visualize/styles/main.less
index cdb1cdb770ed9..ccb1169e698cf 100644
--- a/src/plugins/kibana/public/visualize/styles/main.less
+++ b/src/plugins/kibana/public/visualize/styles/main.less
@@ -8,7 +8,7 @@
   padding-left: 0;
   padding-right: 0;
 
-  @media (min-width: 1280px) {
+  @media (min-width: @screen-lg) {
     .wizard {
       padding: 0;
       display: flex;
@@ -28,7 +28,7 @@
   }
 
   h3 {
-    margin-top: 45px;
+    margin-top: 35px;
     padding: 0px 15px;
   }
 
diff --git a/src/plugins/kibana/public/visualize/wizard/step_2.html b/src/plugins/kibana/public/visualize/wizard/step_2.html
index 960bdc9f869b0..7ce714e1dcbdc 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_2.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_2.html
@@ -7,7 +7,7 @@ <h3>From a New Search</h3>
         <div class="panel-heading">Index Patterns</div>
       </div>
       <ul class="striped list-group">
-        <li class="list-group-item" ng-repeat="pattern in indexPattern.list">
+        <li class="list-group-item" ng-repeat="pattern in indexPattern.list | orderBy: 'toString()'">
           <a class="index-link" href ng-click="goToUrl(pattern)">{{pattern}}</a>
         </li>
       </ul>
diff --git a/src/plugins/kibana/public/visualize/wizard/wizard.js b/src/plugins/kibana/public/visualize/wizard/wizard.js
index 5ff8043251a0d..516d3261d098f 100644
--- a/src/plugins/kibana/public/visualize/wizard/wizard.js
+++ b/src/plugins/kibana/public/visualize/wizard/wizard.js
@@ -7,7 +7,7 @@ import RegistryVisTypesProvider from 'ui/registry/vis_types';
 import uiModules from 'ui/modules';
 
 
-var templateStep = function (num, txt) {
+const templateStep = function (num, txt) {
   return '<div ng-controller="VisualizeWizardStep' + num + '" class="container-fluid vis-wizard">' + txt + '</div>';
 };
 
diff --git a/src/ui/public/directives/saved_object_finder.js b/src/ui/public/directives/saved_object_finder.js
index 62208695d892a..1411cb6f1b5a2 100644
--- a/src/ui/public/directives/saved_object_finder.js
+++ b/src/ui/public/directives/saved_object_finder.js
@@ -61,23 +61,7 @@ module.directive('savedObjectFinder', function ($location, $injector, kbnUrl, Pr
        * @return {Array} Array sorted either ascending or descending
        */
       self.sortHits = function (hits) {
-        self.isAscending = !self.isAscending;
-
-        if (hits.length) {
-          if (self.isAscending) {
-            return hits.sort(function (a, b) {
-              if (a.title > b.title) return 1;
-              if (a.title < b.title) return -1;
-              return 0;
-            });
-          } else {
-            return hits.sort(function (a, b) {
-              if (a.title < b.title) return 1;
-              if (a.title > b.title) return -1;
-              return 0;
-            });
-          }
-        }
+        return self.isAscending ? _.sortBy(hits, 'title') : _.sortBy(hits, 'title').reverse();
       };
 
       /**
diff --git a/src/ui/public/paginated_table/paginated_table.html b/src/ui/public/paginated_table/paginated_table.html
index e8a9dd403647f..d40155c0d1578 100644
--- a/src/ui/public/paginated_table/paginated_table.html
+++ b/src/ui/public/paginated_table/paginated_table.html
@@ -33,5 +33,4 @@
   <!-- auto-inserted by the paginate directive... -->
   <!-- <paginate-controls></paginate-controls> -->
   <div class="pagination-container" ng-transclude></div>
-  
 </paginate>
diff --git a/src/ui/public/partials/saved_object_finder.html b/src/ui/public/partials/saved_object_finder.html
index 2402b9926c4ac..1b4d5f618920f 100644
--- a/src/ui/public/partials/saved_object_finder.html
+++ b/src/ui/public/partials/saved_object_finder.html
@@ -11,7 +11,6 @@
           ng-attr-placeholder="{{finder.properties.nouns}} Filter..."
           ng-keydown="finder.filterKeyDown($event)"
           class="form-control"
-          style="text-transform: capitalize"
           name="filter"
           type="text" />
       </div>

From aee024b8e84db759f22a3fb05879d9bb5cdfa953 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Fri, 11 Mar 2016 13:01:11 -0800
Subject: [PATCH 160/181] addressing reviewer comments

---
 .../public/visualize/wizard/step_2.html       |  2 +-
 .../public/directives/saved_object_finder.js  |  3 +-
 .../public/partials/saved_object_finder.html  | 44 ++++-------
 src/ui/public/styles/base.less                | 75 ++++++++-----------
 4 files changed, 49 insertions(+), 75 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/wizard/step_2.html b/src/plugins/kibana/public/visualize/wizard/step_2.html
index 7ce714e1dcbdc..e8225923f3e3d 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_2.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_2.html
@@ -8,7 +8,7 @@ <h3>From a New Search</h3>
       </div>
       <ul class="striped list-group">
         <li class="list-group-item" ng-repeat="pattern in indexPattern.list | orderBy: 'toString()'">
-          <a class="index-link" href ng-click="goToUrl(pattern)">{{pattern}}</a>
+          <a class="index-link" kbn-href="">{{pattern}}</a>
         </li>
       </ul>
     </div>
diff --git a/src/ui/public/directives/saved_object_finder.js b/src/ui/public/directives/saved_object_finder.js
index 1411cb6f1b5a2..4b1a02e1624bf 100644
--- a/src/ui/public/directives/saved_object_finder.js
+++ b/src/ui/public/directives/saved_object_finder.js
@@ -61,7 +61,8 @@ module.directive('savedObjectFinder', function ($location, $injector, kbnUrl, Pr
        * @return {Array} Array sorted either ascending or descending
        */
       self.sortHits = function (hits) {
-        return self.isAscending ? _.sortBy(hits, 'title') : _.sortBy(hits, 'title').reverse();
+        self.isAscending = !self.isAscending;
+        self.hits = self.isAscending ? _.sortBy(hits, 'title') : _.sortBy(hits, 'title').reverse();
       };
 
       /**
diff --git a/src/ui/public/partials/saved_object_finder.html b/src/ui/public/partials/saved_object_finder.html
index 1b4d5f618920f..e5615e3bd5c31 100644
--- a/src/ui/public/partials/saved_object_finder.html
+++ b/src/ui/public/partials/saved_object_finder.html
@@ -12,36 +12,30 @@
           ng-keydown="finder.filterKeyDown($event)"
           class="form-control"
           name="filter"
-          type="text" />
+          type="text"
+          autocomplete="off" />
       </div>
-      <div id="finder-hit-count" class="col-md-2">
+      <div class="finder-hit-count col-md-2">
         <span>{{finder.hitCount}} of {{finder.hitCount}}</span>
       </div>
-      <div id="finder-manage-object" class="col-md-2">
+      <div class="finder-manage-object col-md-2">
         <a class="small" ng-click="finder.manageObjects(finder.properties.name)">Manage {{finder.properties.nouns}}</a>
       </div>
     </div>
   </div>
 </form>
 <paginate list="finder.hits" per-page="20">
-  <ul class="li-striped list-group list-group-menu"
-    ng-class="{'select-mode': finder.selector.enabled}">
+  <ul class="li-striped list-group list-group-menu" ng-class="{'select-mode': finder.selector.enabled}">
 
     <li class="list-group-item list-group-menu-item">
-      <ul>
-        <li class="finder-type paginate-heading" ng-show="finder.properties.noun === 'Visualization'">Type</li>
-        <li class="finder-name paginate-heading">
-          Name
-          <i
-            class="fa"
-            ng-click="finder.sortHits(finder.hits)"
-            ng-class="{
-              'fa-caret-up': finder.isAscending === true,
-              'fa-caret-down': finder.isAscending === false,
-            }">
-          </i>
-        </li>
-      </ul>
+      <span class="paginate-heading">
+        Name
+        <i
+          class="fa"
+          ng-click="finder.sortHits(finder.hits)"
+          ng-class="finder.isAscending ? 'fa-caret-up' : 'fa-caret-down'">
+        </i>
+      </span>
     </li>
 
     <li
@@ -54,15 +48,9 @@
       <a ng-href="{{finder.makeUrl(hit)}}"
           ng-blur="finder.hitBlur($event)"
           ng-click="finder.preventClick($event)">
-        <ul>
-          <li ng-show="finder.properties.noun === 'Visualization'" class="finder-type">
-            <i aria-hidden="true" class="fa" ng-if="hit.icon" ng-class="hit.icon"></i>
-          </li>
-          <li class="finder-name">
-            {{hit.title}}
-            <p ng-if="hit.description" ng-bind="hit.description"></p>
-          </li>
-        </ul>
+          <i aria-hidden="true" class="finder-type fa" ng-if="hit.icon" ng-class="hit.icon"></i>
+          <span>{{hit.title}}</span>
+          <p ng-if="hit.description" ng-bind="hit.description"></p>
       </a>
     </li>
 
diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
index 3d3ecf8a7c845..ec5f9d7de3e9d 100644
--- a/src/ui/public/styles/base.less
+++ b/src/ui/public/styles/base.less
@@ -320,12 +320,12 @@ saved-object-finder {
     }
   }
 
-  #finder-hit-count, #finder-manage-object {
+  .finder-hit-count, .finder-manage-object {
     min-width: 80px;
     padding: 5px;
   }
 
-  #finder-hit-count {
+  .finder-hit-count {
     flex: 1;
     text-align: center;
 
@@ -334,7 +334,7 @@ saved-object-finder {
     }
   }
 
-  #finder-manage-object {
+  .finder-manage-object {
     flex: 3;
     text-align: left;
     text-transform: capitalize;
@@ -345,6 +345,10 @@ saved-object-finder {
       border: none;
     }
 
+    li.list-group-item-menu:hover {
+      background-color: transparent;
+    }
+
     li:nth-child(odd) {
       background-color: @kibanaGray6;
     }
@@ -352,53 +356,41 @@ saved-object-finder {
     li:nth-child(even) {
       background-color: @white;
     }
-  }
 
-  .list-group-item {
-    padding: 8px 15px;
+    .paginate-heading {
+      font-weight: normal;
+      color: @kibanaGray1;
+    }
 
-    ul {
-      padding: 0;
-      display: flex;
-      flex-direction: row;
+    .list-group-item {
+      padding: 8px 15px;
 
-      .paginate-heading {
-        font-weight: normal;
-        color: @kibanaGray1;
-      }
+      ul {
+        padding: 0;
+        display: flex;
+        flex-direction: row;
 
-      .finder-type {
-        width: 50px;
-        text-align: center;
+        .finder-type {
+          margin-right: 10px;
+        }
       }
 
-      .finder-name {
-        flex: 1;
-      }
+      a {
+        i {
+          color: @saved-object-finder-icon-color !important;
+          margin-right: 10px;
+        }
 
-      li:nth-child(odd) {
-        background-color: transparent;
+        color: @saved-object-finder-link-color !important;
       }
 
-      li:nth-child(even) {
-        background-color: transparent;
+      &:first-child {
+        .border-top-radius(0) !important;
       }
-    }
 
-    a {
-      i {
-        color: @saved-object-finder-icon-color !important;
+      &.list-group-no-results p {
+        margin-bottom: 0 !important;
       }
-
-      color: @saved-object-finder-link-color !important;
-    }
-
-    &:first-child {
-      .border-top-radius(0) !important;
-    }
-
-    &.list-group-no-results p {
-      margin-bottom: 0 !important;
     }
   }
 
@@ -412,13 +404,6 @@ saved-object-finder {
     }
   }
 
-  span.finder-hit-count {
-    position: absolute;
-    right: 10px;
-    top: 25px;
-    font-size: 0.85em;
-  }
-
   .finder-options {
     max-height: 300px;
     overflow: auto;

From 18f9f787bee8ad4b1917655a5bad561ee69ad79e Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Fri, 11 Mar 2016 14:12:29 -0800
Subject: [PATCH 161/181] add kbn-href

---
 src/plugins/kibana/public/visualize/wizard/step_2.html | 2 +-
 src/plugins/kibana/public/visualize/wizard/wizard.js   | 4 ++--
 src/ui/public/styles/base.less                         | 8 ++++----
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/wizard/step_2.html b/src/plugins/kibana/public/visualize/wizard/step_2.html
index e8225923f3e3d..b04103312214a 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_2.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_2.html
@@ -8,7 +8,7 @@ <h3>From a New Search</h3>
       </div>
       <ul class="striped list-group">
         <li class="list-group-item" ng-repeat="pattern in indexPattern.list | orderBy: 'toString()'">
-          <a class="index-link" kbn-href="">{{pattern}}</a>
+          <a class="index-link" kbn-href="{{ makeUrl(pattern) }}">{{pattern}}</a>
         </li>
       </ul>
     </div>
diff --git a/src/plugins/kibana/public/visualize/wizard/wizard.js b/src/plugins/kibana/public/visualize/wizard/wizard.js
index 516d3261d098f..883a880957747 100644
--- a/src/plugins/kibana/public/visualize/wizard/wizard.js
+++ b/src/plugins/kibana/public/visualize/wizard/wizard.js
@@ -56,8 +56,8 @@ module.controller('VisualizeWizardStep2', function ($route, $scope, $location, t
     list: $route.current.locals.indexPatternIds
   };
 
-  $scope.goToUrl = function (pattern) {
+  $scope.makeUrl = function (pattern) {
     if (!pattern) return;
-    kbnUrl.change('/visualize/create?type={{type}}&indexPattern={{pattern}}', {type: type, pattern: pattern});
+    return `/visualize/create?type=${type}&indexPattern=${pattern}`;
   };
 });
diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
index ec5f9d7de3e9d..387c723aff43b 100644
--- a/src/ui/public/styles/base.less
+++ b/src/ui/public/styles/base.less
@@ -340,15 +340,15 @@ saved-object-finder {
     text-transform: capitalize;
   }
 
+  .list-group-item-menu:hover {
+    background-color: transparent;
+  }
+
   ul.li-striped {
     li {
       border: none;
     }
 
-    li.list-group-item-menu:hover {
-      background-color: transparent;
-    }
-
     li:nth-child(odd) {
       background-color: @kibanaGray6;
     }

From c7a412e0813e7ea1b3fd0ef40822a8e4fff57f6e Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Fri, 11 Mar 2016 15:05:04 -0800
Subject: [PATCH 162/181] fixing padding

---
 src/ui/public/partials/saved_object_finder.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/public/partials/saved_object_finder.html b/src/ui/public/partials/saved_object_finder.html
index e5615e3bd5c31..e5eda0c18cdf8 100644
--- a/src/ui/public/partials/saved_object_finder.html
+++ b/src/ui/public/partials/saved_object_finder.html
@@ -1,7 +1,7 @@
 <form role="form" class="form-inline">
   <div class="container-fluid">
     <div class="row">
-      <div class="input-group form-group finder-form col-md-8">
+      <div class="input-group form-group finder-form col-md-7">
         <span class="input-group-addon">
           <i class="fa fa-search"></i>
         </span>

From 6acffc6ead79d0212fa1252ad4eb8e1a69e7c882 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Mon, 14 Mar 2016 11:43:10 -0700
Subject: [PATCH 163/181] aligning kibana logo with navbar

---
 src/plugins/kibana/public/settings/styles/main.less | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/plugins/kibana/public/settings/styles/main.less b/src/plugins/kibana/public/settings/styles/main.less
index ef10f7317faad..f89c27b2a9034 100644
--- a/src/plugins/kibana/public/settings/styles/main.less
+++ b/src/plugins/kibana/public/settings/styles/main.less
@@ -11,6 +11,14 @@ kbn-settings-objects-view {
   display: block;
 }
 
+nav.navbar {
+  height: 70px;
+}
+
+div.container-fluid {
+  padding-top: 33px;
+}
+
 .settings-nav {
   text-transform: capitalize;
 }

From aecd79a7143d3d1f13266d5122537e17dd424056 Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Mon, 14 Mar 2016 15:02:26 -0400
Subject: [PATCH 164/181] [Chrome] Added a breadcrumbs method

---
 .gitignore                          | 1 +
 src/ui/public/chrome/api/angular.js | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index 56b859e0c6c38..7928baf548f60 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,5 @@
 .aws-config.json
+.ackrc
 .DS_Store
 .node_binaries
 node_modules
diff --git a/src/ui/public/chrome/api/angular.js b/src/ui/public/chrome/api/angular.js
index 1f20017a6402e..aeeafca53b2ec 100644
--- a/src/ui/public/chrome/api/angular.js
+++ b/src/ui/public/chrome/api/angular.js
@@ -4,6 +4,7 @@ import modules from 'ui/modules';
 module.exports = function (chrome, internals) {
 
   chrome.getFirstPathSegment = _.noop;
+  chrome.getBreadcrumbs = _.noop;
 
   chrome.setupAngular = function () {
     var kibana = modules.get('kibana');
@@ -25,9 +26,14 @@ module.exports = function (chrome, internals) {
     }()))
     .config(chrome.$setupXsrfRequestInterceptor)
     .run(($location) => {
+      debugger;
       chrome.getFirstPathSegment = () => {
         return $location.path().split('/')[1];
-      }
+      };
+
+      chrome.getBreadcrumbs = () => {
+        return $location.path().split('/').slice(1);
+      };
     });
 
     require('../directives')(chrome, internals);

From bfe4d8922c8bf86d1383ba11ab4e3f233cb4103c Mon Sep 17 00:00:00 2001
From: Khalah Jones-Golden <khasan222@gmail.com>
Date: Mon, 14 Mar 2016 15:08:24 -0400
Subject: [PATCH 165/181] [Tests] Trying to test the angular api

---
 src/ui/public/chrome/api/__tests__/angular.js | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 src/ui/public/chrome/api/__tests__/angular.js

diff --git a/src/ui/public/chrome/api/__tests__/angular.js b/src/ui/public/chrome/api/__tests__/angular.js
new file mode 100644
index 0000000000000..ffd3ddcb35141
--- /dev/null
+++ b/src/ui/public/chrome/api/__tests__/angular.js
@@ -0,0 +1,20 @@
+import expect from 'expect.js';
+
+import kbnAngular from '../angular';
+import TabFakeStore from '../../__tests__/_TabFakeStore';
+import { noop } from 'lodash';
+
+describe('Chrome API :: Angular', () => {
+  describe('location helper methods', () => {
+    it('should return the sub app based on the url', () => {
+      const chrome = {
+        getInjected: noop,
+        addBasePath: noop
+      };
+      kbnAngular(chrome, {});
+      debugger;
+    });
+    it('should return breadcrumbs based on the url', () => {
+    });
+  });
+});

From 3bfc0888a51c807b0e90f4dfd705994ad880545b Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Mon, 14 Mar 2016 15:40:06 -0700
Subject: [PATCH 166/181] lining up visualize sidebar with side nav bar as well
 as fixing hovering issues

---
 .../visualize/editor/styles/_editor.less      |  9 +++++-
 .../directives/app_switcher/app_switcher.less | 14 --------
 src/ui/public/styles/base.less                | 32 +++++++++----------
 src/ui/public/styles/variables/for-theme.less | 14 ++++++++
 4 files changed, 38 insertions(+), 31 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/editor/styles/_editor.less b/src/plugins/kibana/public/visualize/editor/styles/_editor.less
index 7936b8a0d24ee..2046483b45d63 100644
--- a/src/plugins/kibana/public/visualize/editor/styles/_editor.less
+++ b/src/plugins/kibana/public/visualize/editor/styles/_editor.less
@@ -26,13 +26,20 @@
       &:before {
         display: none;
       }
+      &:hover {
+        background-color: transparent;
+      }
     }
+
     > li {
       > a {
         padding: 4px 0;
         margin: 0 10px;
         color: @kibanaGray2;
       }
+      > a:hover {
+        border-bottom: 2px solid @kibanaGray2;
+      }
     }
 
     .danger {
@@ -104,7 +111,7 @@
 
     .index-pattern,
     nav {
-      min-height: 34px;
+      min-height: @app-icon-height;
       border-radius: 0px;
     }
 
diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
index 2dcebccf11f7a..d085c25e0e6eb 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -1,20 +1,6 @@
 @import (reference) "~ui/styles/mixins";
 @import (reference) "~ui/styles/variables";
 
-// as - App Switcher
-@as-open-width: 160px;
-@as-closed-width: 53px;
-@app-icon-height: 38px;
-@app-line-height: 24px;
-@transition-time: .35s;
-@transition-delay: .25s;
-@app-links-wrapper-background: #3caed2;
-@app-links-active-background: lighten(@app-links-wrapper-background, 7.5%);
-
-@firstLinkColor: #E4BB51;
-@secondLinkColor: #8AC336;
-@thirdLinkColor: #59C6C5;
-
 body { overflow-x: hidden; }
 
 .app-links-wrapper {
diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
index 387c723aff43b..d5ca63066222b 100644
--- a/src/ui/public/styles/base.less
+++ b/src/ui/public/styles/base.less
@@ -318,26 +318,26 @@ saved-object-finder {
         width: 15px;
       }
     }
-  }
-
-  .finder-hit-count, .finder-manage-object {
-    min-width: 80px;
-    padding: 5px;
-  }
+    
+    .finder-hit-count, .finder-manage-object {
+      min-width: 80px;
+      padding: 5px;
+    }
 
-  .finder-hit-count {
-    flex: 1;
-    text-align: center;
+    .finder-hit-count {
+      flex: 1;
+      text-align: center;
 
-    span {
-      color: @kibanaGray3;
+      span {
+        color: @kibanaGray3;
+      }
     }
-  }
 
-  .finder-manage-object {
-    flex: 3;
-    text-align: left;
-    text-transform: capitalize;
+    .finder-manage-object {
+      flex: 3;
+      text-align: left;
+      text-transform: capitalize;
+    }
   }
 
   .list-group-item-menu:hover {
diff --git a/src/ui/public/styles/variables/for-theme.less b/src/ui/public/styles/variables/for-theme.less
index 5d2e026efe6e9..6aab3d69c557b 100644
--- a/src/ui/public/styles/variables/for-theme.less
+++ b/src/ui/public/styles/variables/for-theme.less
@@ -319,3 +319,17 @@
 // Saved Object Finder =========================================================
 @saved-object-finder-link-color: @link-color;
 @saved-object-finder-icon-color: darken(@saved-object-finder-link-color, 10%);
+
+// App-switcher ================================================================
+@as-open-width: 160px;
+@as-closed-width: 53px;
+@app-icon-height: 38px;
+@app-line-height: 24px;
+@transition-time: .35s;
+@transition-delay: .25s;
+@app-links-wrapper-background: #3caed2;
+@app-links-active-background: lighten(@app-links-wrapper-background, 7.5%);
+
+@firstLinkColor: #E4BB51;
+@secondLinkColor: #8AC336;
+@thirdLinkColor: #59C6C5;

From f4ee8e31c495b52e47531ab8528fdee3b3f48804 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Tue, 15 Mar 2016 11:09:58 -0700
Subject: [PATCH 167/181] fixing issue with url query string

---
 src/plugins/kibana/public/visualize/wizard/wizard.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/plugins/kibana/public/visualize/wizard/wizard.js b/src/plugins/kibana/public/visualize/wizard/wizard.js
index 883a880957747..e59a1bef78484 100644
--- a/src/plugins/kibana/public/visualize/wizard/wizard.js
+++ b/src/plugins/kibana/public/visualize/wizard/wizard.js
@@ -58,6 +58,6 @@ module.controller('VisualizeWizardStep2', function ($route, $scope, $location, t
 
   $scope.makeUrl = function (pattern) {
     if (!pattern) return;
-    return `/visualize/create?type=${type}&indexPattern=${pattern}`;
+    return `#/visualize/create?type=${type}&indexPattern=${pattern}`;
   };
 });

From 6edcc11fff75df5064a070a9a8afe4f0d8bd9380 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Wed, 16 Mar 2016 10:15:16 -0700
Subject: [PATCH 168/181] removing extra padding

---
 src/plugins/kibana/public/settings/styles/main.less | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/plugins/kibana/public/settings/styles/main.less b/src/plugins/kibana/public/settings/styles/main.less
index f89c27b2a9034..186ca67fcc8fe 100644
--- a/src/plugins/kibana/public/settings/styles/main.less
+++ b/src/plugins/kibana/public/settings/styles/main.less
@@ -15,10 +15,6 @@ nav.navbar {
   height: 70px;
 }
 
-div.container-fluid {
-  padding-top: 33px;
-}
-
 .settings-nav {
   text-transform: capitalize;
 }

From 360acd9b5db369961a8160b2e6b3e1a0d0959820 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Wed, 16 Mar 2016 10:21:23 -0700
Subject: [PATCH 169/181] adding padding back

---
 src/plugins/kibana/public/settings/styles/main.less | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/plugins/kibana/public/settings/styles/main.less b/src/plugins/kibana/public/settings/styles/main.less
index 186ca67fcc8fe..f89c27b2a9034 100644
--- a/src/plugins/kibana/public/settings/styles/main.less
+++ b/src/plugins/kibana/public/settings/styles/main.less
@@ -15,6 +15,10 @@ nav.navbar {
   height: 70px;
 }
 
+div.container-fluid {
+  padding-top: 33px;
+}
+
 .settings-nav {
   text-transform: capitalize;
 }

From 63cf30c9a6b05011e16155799ed1476567871248 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Wed, 16 Mar 2016 10:43:52 -0700
Subject: [PATCH 170/181] moving padding-top style under .nav, merging in
 Khalah's breadcrumb branch

---
 src/plugins/kibana/public/settings/styles/main.less | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/plugins/kibana/public/settings/styles/main.less b/src/plugins/kibana/public/settings/styles/main.less
index f89c27b2a9034..08011e6c2b36d 100644
--- a/src/plugins/kibana/public/settings/styles/main.less
+++ b/src/plugins/kibana/public/settings/styles/main.less
@@ -13,9 +13,6 @@ kbn-settings-objects-view {
 
 nav.navbar {
   height: 70px;
-}
-
-div.container-fluid {
   padding-top: 33px;
 }
 

From a25f8f9f004ab30cdd3d00a491af62d17f44ca3c Mon Sep 17 00:00:00 2001
From: Tyler Smalley <tyler.smalley@elastic.co>
Date: Thu, 10 Mar 2016 10:31:22 -0800
Subject: [PATCH 171/181] Resolves functional tests for K5 redesign

Signed-off-by: Tyler Smalley <tyler.smalley@elastic.co>
Signed-off-by: Lee Drengenberg <lee.drengenberg@elastic.co>
---
 .../kibana/public/settings/styles/main.less   |  2 +
 src/ui/public/visualize/visualize.less        |  3 +-
 .../apps/discover/_collapse_expand.js         | 48 +++++------
 test/functional/apps/discover/_discover.js    | 80 ++++++++-----------
 test/functional/apps/discover/_field_data.js  |  1 -
 .../functional/apps/discover/_shared_links.js |  8 +-
 .../apps/visualize/_metric_chart.js           | 26 +++---
 test/support/pages/common.js                  |  7 +-
 test/support/pages/discover_page.js           | 51 +++++-------
 test/support/pages/header_page.js             | 30 ++-----
 test/support/pages/settings_page.js           | 11 +--
 test/support/pages/visualize_page.js          | 11 ++-
 12 files changed, 123 insertions(+), 155 deletions(-)

diff --git a/src/plugins/kibana/public/settings/styles/main.less b/src/plugins/kibana/public/settings/styles/main.less
index ef10f7317faad..dc0f0ccf87ca0 100644
--- a/src/plugins/kibana/public/settings/styles/main.less
+++ b/src/plugins/kibana/public/settings/styles/main.less
@@ -93,6 +93,8 @@ kbn-settings-objects-view {
 }
 
 .advanced-settings {
+  overflow-x: scroll;
+
   table {
     width: 100%;
 
diff --git a/src/ui/public/visualize/visualize.less b/src/ui/public/visualize/visualize.less
index f8520f2f4cc22..e1e7805e3d08c 100644
--- a/src/ui/public/visualize/visualize.less
+++ b/src/ui/public/visualize/visualize.less
@@ -13,11 +13,10 @@ visualize {
   }
 
   .vis-container {
-    height: 1px;
     display: flex;
     flex-direction: row;
 
-    flex: 1 1 auto;
+    flex: 1 0;
     overflow: auto;
     -webkit-transition: opacity 0.01s;
     transition: opacity 0.01s;
diff --git a/test/functional/apps/discover/_collapse_expand.js b/test/functional/apps/discover/_collapse_expand.js
index f2131378a1ce1..d4ade8faeb4e5 100644
--- a/test/functional/apps/discover/_collapse_expand.js
+++ b/test/functional/apps/discover/_collapse_expand.js
@@ -53,35 +53,37 @@ define(function (require) {
 
         bdd.it('should initially be expanded', function () {
           return discoverPage.getSidebarWidth()
-          .then(function (actualwidth) {
-            common.debug('expanded sidebar width = ' + actualwidth);
-            expect(actualwidth > 180).to.be(true);
-          })
-          .catch(common.handleError(this));
+            .then(function (width) {
+              common.debug('expanded sidebar width = ' + width);
+              expect(width > 180).to.be(true);
+            })
+            .catch(common.handleError(this));
         });
 
         bdd.it('should collapse when clicked', function () {
-          return discoverPage.clickSidebarCollapse()
-          .then(function () {
-            return discoverPage.getSidebarWidth();
-          })
-          .then(function (actualwidth) {
-            common.debug('collapsed sidebar width = ' + actualwidth);
-            expect(actualwidth < 20).to.be(true);
-          })
-          .catch(common.handleError(this));
+          return discoverPage.toggleSidebarCollapse()
+            .then(function () {
+              common.debug('discoverPage.getSidebarWidth()');
+              return discoverPage.getSidebarWidth();
+            })
+            .then(function (width) {
+              common.debug('collapsed sidebar width = ' + width);
+              expect(width < 20).to.be(true);
+            })
+            .catch(common.handleError(this));
         });
 
         bdd.it('should expand when clicked', function () {
-          return discoverPage.clickSidebarExpand()
-          .then(function () {
-            return discoverPage.getSidebarWidth();
-          })
-          .then(function (actualwidth) {
-            common.debug('expanded sidebar width = ' + actualwidth);
-            expect(actualwidth > 180).to.be(true);
-          })
-          .catch(common.handleError(this));
+          return discoverPage.toggleSidebarCollapse()
+            .then(function () {
+              common.debug('discoverPage.getSidebarWidth()');
+              return discoverPage.getSidebarWidth();
+            })
+            .then(function (width) {
+              common.debug('expanded sidebar width = ' + width);
+              expect(width > 180).to.be(true);
+            })
+            .catch(common.handleError(this));
         });
 
       });
diff --git a/test/functional/apps/discover/_discover.js b/test/functional/apps/discover/_discover.js
index 44525ad24d45c..86271155f8cc9 100644
--- a/test/functional/apps/discover/_discover.js
+++ b/test/functional/apps/discover/_discover.js
@@ -84,6 +84,9 @@ define(function (require) {
 
         bdd.it('load query should show query name', function () {
           return discoverPage.loadSavedSearch(queryName1)
+          .then(function () {
+            return common.sleep(3000);
+          })
           .then(function () {
             return discoverPage.getCurrentQueryName();
           })
@@ -104,18 +107,13 @@ define(function (require) {
           .catch(common.handleError(this));
         });
 
-
-
         bdd.it('should show the correct bar chart', function () {
-          var expectedBarChartData = [ '0', '0', '0', '0', '0', '0',
-            '2.7056249999999977', '14.771249999999995', '54.112500000000004',
-            '105.080625', '100.25437500000001', '54.916875', '13.747499999999988',
-            '2.266874999999999', '3.0712500000000063', '14.771249999999995',
-            '49.944374999999994', '99.523125', '103.471875', '51.699375',
-            '12.943124999999995', '1.9743749999999949', '2.3400000000000034',
-            '12.796875', '51.699375', '102.96000000000001', '99.08437500000001',
-            '53.08875', '14.698125000000005', '2.1206249999999898', '0', '0',
-            '0', '0', '0', '0', '0'
+          var expectedBarChartData = [ '0', '0', '0', '0', '0', '0', '3.237',
+            '17.674', '64.75', '125.737', '119.962', '65.712', '16.449',
+            '2.712', '3.675', '17.674', '59.762', '119.087', '123.812',
+            '61.862', '15.487', '2.362', '2.800', '15.312', '61.862', '123.2',
+            '118.562', '63.524', '17.587', '2.537', '0', '0', '0', '0', '0',
+            '0', '0'
           ];
           return common.sleep(4000)
           .then(function () {
@@ -144,26 +142,19 @@ define(function (require) {
 
         bdd.it('should show correct data for chart interval Hourly', function () {
           var chartInterval = 'Hourly';
-          var expectedBarChartData = [ '0', '0', '0', '0', '0', '0', '0', '0', '0', '0',
-            '0', '0', '0', '0', '0', '0', '0', '0', '1.2763636363636266', '1.914545454545447',
-            '4.680000000000007', '6.594545454545454', '11.061818181818168', '25.314545454545453',
-            '38.50363636363636', '46.374545454545455', '72.53999999999999', '93.60000000000001',
-            '102.10909090909091', '109.97999999999999', '111.04363636363637', '94.87636363636364',
-            '85.72909090909091', '68.28545454545454', '54.88363636363636', '36.58909090909091',
-            '20.209090909090904', '11.700000000000003', '8.083636363636359', '5.105454545454549',
-            '0.6381818181818204', '0.8509090909090986', '2.3400000000000034', '2.978181818181824',
-            '3.61636363636363', '8.083636363636359', '10.423636363636362', '24.46363636363637',
-            '32.33454545454545', '45.94909090909091', '67.00909090909092', '85.51636363636365',
-            '94.87636363636364', '109.1290909090909', '110.61818181818181', '100.83272727272727',
-            '89.55818181818182', '65.30727272727273', '48.92727272727274', '36.16363636363636',
-            '21.059999999999988', '10.210909090909098', '6.38181818181819', '3.190909090909088',
-            '2.127272727272725', '0.4254545454545422', '1.701818181818183', '1.4890909090909048',
-            '3.61636363636363', '7.232727272727274', '7.870909090909095', '22.123636363636365',
-            '32.54727272727273', '51.267272727272726', '66.58363636363637', '85.94181818181818',
-            '104.66181818181818', '108.91636363636364', '107.00181818181818', '100.62',
-            '80.62363636363636', '62.32909090909091', '58.92545454545455', '33.18545454545455',
-            '21.059999999999988', '11.274545454545446', '10.423636363636362', '3.403636363636366',
-            '1.914545454545447', '0.8509090909090986', '0', '0', '0', '0', '0', '0',
+          var expectedBarChartData = [ '0', '0', '0', '0', '0', '0', '0', '0',
+            '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '1.527', '2.290',
+            '5.599', '7.890', '13.236', '30.290', '46.072', '55.490', '86.8',
+            '112', '122.181', '131.6', '132.872', '113.527', '102.581',
+            '81.709', '65.672', '43.781', '24.181', '14', '9.672', '6.109',
+            '0.763', '1.018', '2.800', '3.563', '4.327', '9.672', '12.472',
+            '29.272', '38.690', '54.981', '80.181', '102.327', '113.527',
+            '130.581', '132.363', '120.654', '107.163', '78.145', '58.545',
+            '43.272', '25.199', '12.218', '7.636', '3.818', '2.545', '0.509',
+            '2.036', '1.781', '4.327', '8.654', '9.418', '26.472', '38.945',
+            '61.345', '79.672', '102.836', '125.236', '130.327', '128.036',
+            '120.4', '96.472', '74.581', '70.509', '39.709', '25.199', '13.490',
+            '12.472', '4.072', '2.290', '1.018', '0', '0', '0', '0', '0', '0',
             '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0'
           ];
           return discoverPage.setChartInterval(chartInterval)
@@ -178,7 +169,9 @@ define(function (require) {
 
         bdd.it('should show correct data for chart interval Daily', function () {
           var chartInterval = 'Daily';
-          var expectedBarChartData = [ '0', '111.3138', '107.96759999999999', '108.4122', '0'];
+          var expectedBarChartData = [
+            '0', '133.196', '129.192', '129.724', '0'
+          ];
           return discoverPage.setChartInterval(chartInterval)
           .then(function () {
             return common.sleep(8000);
@@ -191,7 +184,7 @@ define(function (require) {
 
         bdd.it('should show correct data for chart interval Weekly', function () {
           var chartInterval = 'Weekly';
-          var expectedBarChartData = [ '55.6569', '108.1899'];
+          var expectedBarChartData = [ '66.598', '129.458'];
           return discoverPage.setChartInterval(chartInterval)
           .then(function () {
             return common.sleep(2000);
@@ -204,7 +197,7 @@ define(function (require) {
 
         bdd.it('should show correct data for chart interval Monthly', function () {
           var chartInterval = 'Monthly';
-          var expectedBarChartData = [ '102.404'];
+          var expectedBarChartData = [ '122.535'];
           return discoverPage.setChartInterval(chartInterval)
           .then(function () {
             return common.sleep(2000);
@@ -217,7 +210,7 @@ define(function (require) {
 
         bdd.it('should show correct data for chart interval Yearly', function () {
           var chartInterval = 'Yearly';
-          var expectedBarChartData = [ '102.404'];
+          var expectedBarChartData = [ '122.535'];
           return discoverPage.setChartInterval(chartInterval)
           .then(function () {
             return common.sleep(2000);
@@ -228,19 +221,14 @@ define(function (require) {
           .catch(common.handleError(this));
         });
 
-
-
         bdd.it('should show correct data for chart interval Auto', function () {
           var chartInterval = 'Auto';
-          var expectedBarChartData = [ '0', '0', '0', '0', '0', '0',
-            '2.7056249999999977', '14.771249999999995', '54.112500000000004',
-            '105.080625', '100.25437500000001', '54.916875', '13.747499999999988',
-            '2.266874999999999', '3.0712500000000063', '14.771249999999995',
-            '49.944374999999994', '99.523125', '103.471875', '51.699375',
-            '12.943124999999995', '1.9743749999999949', '2.3400000000000034',
-            '12.796875', '51.699375', '102.96000000000001', '99.08437500000001',
-            '53.08875', '14.698125000000005', '2.1206249999999898', '0', '0',
-            '0', '0', '0', '0', '0'
+          var expectedBarChartData = [ '0', '0', '0', '0', '0', '0', '3.237',
+            '17.674', '64.75', '125.737', '119.962', '65.712', '16.449',
+            '2.712', '3.675', '17.674', '59.762', '119.087', '123.812',
+            '61.862', '15.487', '2.362', '2.800', '15.312', '61.862', '123.2',
+            '118.562', '63.524', '17.587', '2.537', '0', '0', '0', '0', '0',
+            '0', '0'
           ];
           return discoverPage.setChartInterval(chartInterval)
           .then(function () {
diff --git a/test/functional/apps/discover/_field_data.js b/test/functional/apps/discover/_field_data.js
index c36ae8e0fcae6..e49496ac0ed46 100644
--- a/test/functional/apps/discover/_field_data.js
+++ b/test/functional/apps/discover/_field_data.js
@@ -51,7 +51,6 @@ define(function (require) {
         var fromTimeString = 'September 19th 2015, 06:31:44.000';
         var toTimeString = 'September 23rd 2015, 18:31:44.000';
 
-
         bdd.it('search php should show the correct hit count', function () {
           var expectedHitCount = '445';
           return discoverPage.query('php')
diff --git a/test/functional/apps/discover/_shared_links.js b/test/functional/apps/discover/_shared_links.js
index 1173eaaad5d74..feae21ea21fb6 100644
--- a/test/functional/apps/discover/_shared_links.js
+++ b/test/functional/apps/discover/_shared_links.js
@@ -79,10 +79,10 @@ define(function (require) {
           var expectedUrl = baseUrl
             + '/app/kibana?_t=1453775307251#'
             + '/discover?_g=(refreshInterval:(display:Off,pause:!f,value:0),time'
-            + ':(from:%272015-09-19T06:31:44.000Z%27,mode:absolute,to:%272015-09'
-            + '-23T18:31:44.000Z%27))&_a=(columns:!(_source),index:%27logstash-'
-            + '*%27,interval:auto,query:(query_string:(analyze_wildcard:!t,query'
-            + ':%27*%27)),sort:!(%27@timestamp%27,desc))';
+            + ':(from:\'2015-09-19T06:31:44.000Z\',mode:absolute,to:\'2015-09'
+            + '-23T18:31:44.000Z\'))&_a=(columns:!(_source),index:\'logstash-'
+            + '*\',interval:auto,query:(query_string:(analyze_wildcard:!t,query'
+            + ':\'*\')),sort:!(\'@timestamp\',desc))';
           return discoverPage.getSharedUrl()
           .then(function (actualUrl) {
             // strip the timestamp out of each URL
diff --git a/test/functional/apps/visualize/_metric_chart.js b/test/functional/apps/visualize/_metric_chart.js
index 728784784507b..26137a7a29dac 100644
--- a/test/functional/apps/visualize/_metric_chart.js
+++ b/test/functional/apps/visualize/_metric_chart.js
@@ -199,8 +199,10 @@ define(function (require) {
         });
 
         bdd.it('should show Standard Deviation', function pageHeader() {
-          var standardDeviationBytes = [ '-1,435.138', 'Lower Standard Deviation of bytes',
-            '5,727.314', 'Average of bytes', '12,889.766', 'Upper Standard Deviation of bytes'
+          var standardDeviationBytes = [
+            '-1,435.138', 'Lower Standard Deviation of bytes',
+            '5,727.314', 'Average of bytes',
+            '12,889.766', 'Upper Standard Deviation of bytes'
           ];
           common.debug('Aggregation = Standard Deviation');
           return visualizePage.selectAggregation('Standard Deviation')
@@ -252,18 +254,16 @@ define(function (require) {
         });
 
         bdd.it('should show Percentiles', function pageHeader() {
-          // This SHOULD be the expected result but the top item is cut off.
-          //  See https://github.com/elastic/kibana/issues/5721
-          // var percentileMachineRam = ['2,147,483,648', '1st percentile of machine.ram', '3,221,225,472',
-          //   '5th percentile of machine.ram', '7,516,192,768', '25th percentile of machine.ram', '12,884,901,888',
-          //   '50th percentile of machine.ram', '18,253,611,008', '75th percentile of machine.ram',
-          //   '32,212,254,720', '95th percentile of machine.ram', '32,212,254,720', '99th percentile of machine.ram'
-          // ];
-          var percentileMachineRam = ['3,221,225,472',
-            '5th percentile of machine.ram', '7,516,192,768', '25th percentile of machine.ram', '12,884,901,888',
-            '50th percentile of machine.ram', '18,253,611,008', '75th percentile of machine.ram',
-            '32,212,254,720', '95th percentile of machine.ram', '32,212,254,720', '99th percentile of machine.ram'
+          var percentileMachineRam = [
+            '2,147,483,648', '1st percentile of machine.ram',
+            '3,221,225,472', '5th percentile of machine.ram',
+            '7,516,192,768', '25th percentile of machine.ram',
+            '12,884,901,888', '50th percentile of machine.ram',
+            '18,253,611,008', '75th percentile of machine.ram',
+            '32,212,254,720', '95th percentile of machine.ram',
+            '32,212,254,720', '99th percentile of machine.ram'
           ];
+
           common.debug('Aggregation = Percentiles');
           return visualizePage.selectAggregation('Percentiles')
           .then(function selectField() {
diff --git a/test/support/pages/common.js b/test/support/pages/common.js
index a2e821ab05f4e..c5f2ce37aa312 100644
--- a/test/support/pages/common.js
+++ b/test/support/pages/common.js
@@ -91,6 +91,7 @@ define(function (require) {
             return self.remote.getCurrentUrl();
           })
           .then(function (currentUrl) {
+            var currentUrl = currentUrl.replace(/\/\/\w+:\w+@/, '//');
             var navSuccessful = new RegExp(appUrl).test(currentUrl);
             if (!navSuccessful) {
               var msg = 'App failed to load: ' + appName +
@@ -254,8 +255,10 @@ define(function (require) {
     },
 
     findTestSubject: function findTestSubject(selector) {
-      this.debug('in findTestSubject: ' + selector);
-      return this.remote.findByCssSelector(testSubjSelector(selector));
+      this.debug('in findTestSubject: ' + testSubjSelector(selector));
+      return this.remote
+        .setFindTimeout(defaultTimeout)
+        .findDisplayedByCssSelector(testSubjSelector(selector));
     }
   };
 
diff --git a/test/support/pages/discover_page.js b/test/support/pages/discover_page.js
index ab6d8f9c679f9..b5638a18882b6 100644
--- a/test/support/pages/discover_page.js
+++ b/test/support/pages/discover_page.js
@@ -28,7 +28,7 @@ define(function (require) {
 
     getTimespanText: function getTimespanText() {
       return thisTime
-      .findByCssSelector('.navbar-timepicker-time-desc pretty-duration')
+      .findByCssSelector('.kibana-nav-actions .navbar-timepicker-time-desc pretty-duration')
       .getVisibleText();
     },
 
@@ -41,20 +41,18 @@ define(function (require) {
     saveSearch: function saveSearch(searchName) {
       var self = this;
       return self.clickSaveSearchButton()
-      .then(function () {
-        common.sleep(1000);
-      })
       .then(function () {
         common.debug('--saveSearch button clicked');
-        return thisTime.findById('SaveSearch')
-        .type(searchName);
+        return thisTime.findDisplayedById('SaveSearch')
+        .pressKeys(searchName);
       })
       .then(function clickSave() {
         common.debug('--find save button');
         return thisTime
-        .findByCssSelector('button[ng-disabled="!opts.savedSearch.title"]')
+        .findDisplayedByCssSelector('button[ng-disabled="!opts.savedSearch.title"]')
         .click();
-      });
+      })
+      .catch(common.handleError(this));
     },
 
     loadSavedSearch: function loadSavedSearch(searchName) {
@@ -76,18 +74,16 @@ define(function (require) {
       .click();
     },
 
-    clickLoadSavedSearchButton: function clickSaveSearchButton() {
+    clickLoadSavedSearchButton: function clickLoadSavedSearchButton() {
       return thisTime
       .findByCssSelector('button[aria-label="Load Saved Search"]')
       .click();
     },
 
     getCurrentQueryName: function getCurrentQueryName() {
-      return common.tryForTime(defaultTimeout, function () {
-        return thisTime
-        .findByCssSelector('span.discover-info-title')
+      return thisTime
+        .findByCssSelector('span.kibana-nav-info-title')
         .getVisibleText();
-      });
     },
 
     getBarChartData: function getBarChartData() {
@@ -110,13 +106,13 @@ define(function (require) {
 
     getChartInterval: function getChartInterval() {
       return thisTime
-      .findByCssSelector('span.results-interval:nth-child(2) > a:nth-child(1)')
+      .findByCssSelector('a[ng-click="toggleInterval()"]')
       .getVisibleText();
     },
 
     setChartInterval: function setChartInterval(interval) {
-      return thisTime
-      .findByCssSelector('span.results-interval:nth-child(2) > a:nth-child(1)')
+      return this.remote.setFindTimeout(5000)
+      .findByCssSelector('a[ng-click="toggleInterval()"]')
       .click()
       .catch(function () {
         // in some cases we have the link above, but after we've made a
@@ -191,20 +187,20 @@ define(function (require) {
 
     clickCopyToClipboard: function clickCopyToClipboard() {
       return thisTime
-      .findByCssSelector('button.clipboard-button')
+      .findDisplayedByCssSelector('button.clipboard-button')
       .click();
     },
 
     getShareCaption: function getShareCaption() {
       return thisTime
-      .findByCssSelector('div.form-group > label')
+      .findByCssSelector('.vis-share label')
       .getVisibleText();
     },
 
     getSharedUrl: function getSharedUrl() {
       return thisTime
       .findByCssSelector('.url')
-      .getProperty('baseURI');
+      .getProperty('value');
     },
 
     getShortenedUrl: function getShortenedUrl() {
@@ -213,22 +209,15 @@ define(function (require) {
       .getProperty('value');
     },
 
-    clickSidebarExpand: function clickSidebarExpand() {
-      return thisTime
-      .findByCssSelector('.chevron-cont')
-      .click();
-    },
-
-    clickSidebarCollapse: function clickSidebarCollapse() {
-      return thisTime
-      .findByCssSelector('.chevron-cont')
-      .click();
+    toggleSidebarCollapse: function toggleSidebarCollapse() {
+      return thisTime.findDisplayedByCssSelector('.sidebar-collapser .chevron-cont')
+        .click();
     },
 
     getSidebarWidth: function getSidebarWidth() {
       return thisTime
-      .findByCssSelector('.sidebar-list')
-      .getProperty('clientWidth');
+        .findByClassName('sidebar-list')
+        .getProperty('clientWidth');
     }
 
   };
diff --git a/test/support/pages/header_page.js b/test/support/pages/header_page.js
index 511e5ef6e4744..b87c29095bc21 100644
--- a/test/support/pages/header_page.js
+++ b/test/support/pages/header_page.js
@@ -51,7 +51,7 @@ define(function (require) {
 
     clickTimepicker: function clickTimepicker() {
       return this.remote.setFindTimeout(defaultTimeout)
-      .findByClassName('navbar-timepicker-time-desc').click();
+      .findDisplayedByClassName('navbar-timepicker-time-desc').click();
     },
 
     clickAbsoluteButton: function clickAbsoluteButton() {
@@ -100,41 +100,27 @@ define(function (require) {
         return self.clickGoButton();
       })
       .then(function () {
-        self.collapseTimepicker();
+        return self.collapseTimepicker();
       });
     },
 
     collapseTimepicker: function collapseTimepicker() {
       return this.remote.setFindTimeout(defaultTimeout)
-      .findByCssSelector('.fa.fa-chevron-up')
+      .findByCssSelector('.fa.fa-chevron-circle-up')
       .click();
     },
 
     getToastMessage: function getToastMessage() {
       return this.remote.setFindTimeout(defaultTimeout)
-      .findByCssSelector('kbn-truncated.toast-message.ng-isolate-scope')
+      .findDisplayedByCssSelector('kbn-truncated.toast-message.ng-isolate-scope')
       .getVisibleText();
     },
 
     waitForToastMessageGone: function waitForToastMessageGone() {
       var self = this;
-      return common.tryForTime(defaultTimeout, function () {
-        return self.remote.setFindTimeout(500)
-        .findAllByCssSelector('kbn-truncated.toast-message')
-        .then(function toastMessage(messages) {
-          if (messages.length > 0) {
-            common.debug('toast message found, waiting...');
-            throw new Error('waiting for toast message to clear');
-          } else {
-            common.debug('toast message clear');
-            return messages;
-          }
-        })
-        .catch(function () {
-          common.debug('toast message not found');
-          return;
-        });
-      });
+
+      return self.remote.setFindTimeout(defaultTimeout)
+        .waitForDeletedByCssSelector('kbn-truncated.toast-message');
     },
 
     clickToastOK: function clickToastOK() {
@@ -148,7 +134,7 @@ define(function (require) {
       var self = this;
       return this.remote
       .setFindTimeout(defaultTimeout * 10)
-      .findByCssSelector('.navbar-text.ng-hide .spinner');
+      .findByCssSelector('.spinner.ng-hide');
     }
 
   };
diff --git a/test/support/pages/settings_page.js b/test/support/pages/settings_page.js
index 871d7081a9d35..ca0168129b3ac 100644
--- a/test/support/pages/settings_page.js
+++ b/test/support/pages/settings_page.js
@@ -25,8 +25,9 @@ define(function (require) {
       return common.findTestSubject('advancedSetting&' + propertyName + ' editButton')
       .click()
       .then(function setAdvancedSettingsClickPropertyValue(selectList) {
-        return self.remote.findByCssSelector('option[label="' + propertyValue + '"]')
-        .click();
+        return self.remote
+          .findDisplayedByCssSelector('option[label="' + propertyValue + '"]')
+          .click();
       })
       .then(function setAdvancedSettingsClickSaveButton() {
         return common.findTestSubject('advancedSetting&' + propertyName + ' saveButton')
@@ -95,7 +96,7 @@ define(function (require) {
 
     getTimeFieldNameField: function () {
       return this.remote.setFindTimeout(defaultTimeout)
-      .findByCssSelector('select[ng-model="index.timeField"]');
+        .findDisplayedByCssSelector('select[ng-model="index.timeField"]');
     },
 
     selectTimeFieldOption: function (selection) {
@@ -122,12 +123,12 @@ define(function (require) {
 
     getTimeFieldOption: function (selection) {
       return this.remote.setFindTimeout(defaultTimeout)
-      .findByCssSelector('option[label="' + selection + '"]').click();
+        .findDisplayedByCssSelector('option[label="' + selection + '"]').click();
     },
 
     getCreateButton: function () {
       return this.remote.setFindTimeout(defaultTimeout)
-      .findByCssSelector('.btn');
+        .findDisplayedByCssSelector('.btn');
     },
 
     clickCreateButton: function () {
diff --git a/test/support/pages/visualize_page.js b/test/support/pages/visualize_page.js
index f8c68abbe2a92..cffcd7e79731a 100644
--- a/test/support/pages/visualize_page.js
+++ b/test/support/pages/visualize_page.js
@@ -82,7 +82,7 @@ define(function (require) {
       var types = [];
       return this.remote
       .setFindTimeout(defaultTimeout)
-      .findAllByCssSelector('a.wizard-vis-type.ng-scope h4')
+      .findAllByCssSelector('.wizard-type-heading h4')
       .then(function (chartTypes) {
         function getChartType(chart) {
           return chart.getVisibleText();
@@ -134,8 +134,7 @@ define(function (require) {
 
     getMetric: function getMetric() {
       return this.remote
-      .setFindTimeout(defaultTimeout)
-      // .findByCssSelector('div[ng-repeat="metric in metrics"')
+      .setFindTimeout(2000)
       .findByCssSelector('div[ng-controller="KbnMetricVisController"]')
       .getVisibleText();
     },
@@ -150,7 +149,7 @@ define(function (require) {
     clickNewSearch: function clickNewSearch() {
       return this.remote
       .setFindTimeout(defaultTimeout)
-      .findByCssSelector('li[ng-click="stepTwoMode=\'new\'"]')
+      .findByCssSelector('.list-group-item a')
       .click();
     },
 
@@ -274,7 +273,7 @@ define(function (require) {
     setNumericInterval: function setNumericInterval(newValue) {
       return this.remote
       .setFindTimeout(defaultTimeout)
-      .findByCssSelector('input.form-control:nth-child(2)')
+      .findByCssSelector('input[name="interval"]')
       .type(newValue);
     },
 
@@ -314,7 +313,7 @@ define(function (require) {
       .then(function () {
         return self.remote
         .setFindTimeout(defaultTimeout)
-        .findByCssSelector('.btn-primary')
+        .findByCssSelector('.config button[type="submit"]')
         .click();
       })
       // verify that green message at the top of the page.

From 0e3933860cd98949b2959fa06a5daecb663fded7 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Wed, 16 Mar 2016 14:29:21 -0700
Subject: [PATCH 172/181] adding breadcrumbs

---
 src/plugins/kibana/public/settings/app.html   |  1 +
 src/plugins/kibana/public/settings/index.js   |  1 +
 .../kibana/public/settings/styles/main.less   | 10 ++++++-
 .../kibana/public/visualize/styles/main.less  |  5 ++--
 .../public/visualize/wizard/step_1.html       |  1 +
 .../public/visualize/wizard/step_2.html       |  1 +
 src/ui/public/chrome/api/angular.js           |  1 -
 src/ui/public/directives/bread_crumbs.js      | 29 +++++++++++++++++++
 src/ui/public/partials/bread_crumbs.html      |  6 ++++
 src/ui/public/styles/base.less                | 28 +++++++++++++++++-
 10 files changed, 78 insertions(+), 5 deletions(-)
 create mode 100644 src/ui/public/directives/bread_crumbs.js
 create mode 100644 src/ui/public/partials/bread_crumbs.html

diff --git a/src/plugins/kibana/public/settings/app.html b/src/plugins/kibana/public/settings/app.html
index 6bb1ecd5a167c..f78a64d809790 100644
--- a/src/plugins/kibana/public/settings/app.html
+++ b/src/plugins/kibana/public/settings/app.html
@@ -1,6 +1,7 @@
 <div class="app-container">
   <nav class="navbar navbar-default navbar-static-top subnav" data-test-subj="settingsNav">
     <div class="container-fluid">
+      <bread-crumbs></bread-crumbs>
       <ul class="nav navbar-nav">
         <li ng-repeat="section in sections" ng-class="section.class">
           <a class="navbar-link" kbn-href="{{section.url}}" data-test-subj="{{section.name}}">{{section.display}}</a>
diff --git a/src/plugins/kibana/public/settings/index.js b/src/plugins/kibana/public/settings/index.js
index 56037a5848a9d..c2a32c04e15fd 100644
--- a/src/plugins/kibana/public/settings/index.js
+++ b/src/plugins/kibana/public/settings/index.js
@@ -9,6 +9,7 @@ import 'ui/filters/start_from';
 import 'ui/field_editor';
 import 'plugins/kibana/settings/sections/indices/_indexed_fields';
 import 'plugins/kibana/settings/sections/indices/_scripted_fields';
+import 'ui/directives/bread_crumbs';
 import registry from 'ui/registry/settings_sections';
 import uiRoutes from 'ui/routes';
 import uiModules from 'ui/modules';
diff --git a/src/plugins/kibana/public/settings/styles/main.less b/src/plugins/kibana/public/settings/styles/main.less
index 08011e6c2b36d..49d8f7aed9cb1 100644
--- a/src/plugins/kibana/public/settings/styles/main.less
+++ b/src/plugins/kibana/public/settings/styles/main.less
@@ -13,7 +13,6 @@ kbn-settings-objects-view {
 
 nav.navbar {
   height: 70px;
-  padding-top: 33px;
 }
 
 .settings-nav {
@@ -24,6 +23,15 @@ li.kbn-settings-tab:first-letter {
   text-transform: capitalize;
 }
 
+kbn-settings-app {
+  div.app-container {
+    div.container-fluid {
+      padding-left: 0;
+      padding-right: 0;
+    }
+  }
+}
+
 kbn-settings-objects {
   form {
     margin-bottom: @line-height-computed;
diff --git a/src/plugins/kibana/public/visualize/styles/main.less b/src/plugins/kibana/public/visualize/styles/main.less
index ccb1169e698cf..b0b18de2a573d 100644
--- a/src/plugins/kibana/public/visualize/styles/main.less
+++ b/src/plugins/kibana/public/visualize/styles/main.less
@@ -28,8 +28,9 @@
   }
 
   h3 {
-    margin-top: 35px;
-    padding: 0px 15px;
+    margin-top: 0px;
+    margin-bottom: 8px;
+    padding: 0px 5px;
   }
 
   .wizard-row {
diff --git a/src/plugins/kibana/public/visualize/wizard/step_1.html b/src/plugins/kibana/public/visualize/wizard/step_1.html
index 0a982eb5739db..d38dd53a13ca8 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_1.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_1.html
@@ -1,3 +1,4 @@
+<bread-crumbs></bread-crumbs>
 <div class="wizard">
   <div class="wizard-column">
     <h3>Create New Visualization</h3>
diff --git a/src/plugins/kibana/public/visualize/wizard/step_2.html b/src/plugins/kibana/public/visualize/wizard/step_2.html
index b04103312214a..e8cf5964b655d 100644
--- a/src/plugins/kibana/public/visualize/wizard/step_2.html
+++ b/src/plugins/kibana/public/visualize/wizard/step_2.html
@@ -1,3 +1,4 @@
+<bread-crumbs></bread-crumbs>
 <div class="wizard">
   <div class="wizard-column">
     <h3>From a New Search</h3>
diff --git a/src/ui/public/chrome/api/angular.js b/src/ui/public/chrome/api/angular.js
index aeeafca53b2ec..e9b12626d36ab 100644
--- a/src/ui/public/chrome/api/angular.js
+++ b/src/ui/public/chrome/api/angular.js
@@ -26,7 +26,6 @@ module.exports = function (chrome, internals) {
     }()))
     .config(chrome.$setupXsrfRequestInterceptor)
     .run(($location) => {
-      debugger;
       chrome.getFirstPathSegment = () => {
         return $location.path().split('/')[1];
       };
diff --git a/src/ui/public/directives/bread_crumbs.js b/src/ui/public/directives/bread_crumbs.js
new file mode 100644
index 0000000000000..95b1452affe43
--- /dev/null
+++ b/src/ui/public/directives/bread_crumbs.js
@@ -0,0 +1,29 @@
+import _ from 'lodash';
+import chrome from 'ui/chrome/chrome';
+import breadCrumbsTemplate from 'ui/partials/bread_crumbs.html';
+import uiModules from 'ui/modules';
+var module = uiModules.get('kibana');
+
+module.directive('breadCrumbs', function () {
+  return {
+    restrict: 'E',
+    scope: {
+      userMakeUrl: '=?makeUrl'
+    },
+    template: breadCrumbsTemplate,
+    controller: function ($scope) {
+      $scope.crumbs = chrome.getBreadcrumbs();
+
+      if (_.last($scope.crumbs) === '') {
+        // Remove the empty string from the end of the array
+        $scope.crumbs.pop();
+      }
+
+      $scope.makeUrl = function (val) {
+        if ($scope.userMakeUrl) {
+          return $scope.userMakeUrl(val);
+        }
+      };
+    }
+  };
+});
diff --git a/src/ui/public/partials/bread_crumbs.html b/src/ui/public/partials/bread_crumbs.html
new file mode 100644
index 0000000000000..e002bcddab386
--- /dev/null
+++ b/src/ui/public/partials/bread_crumbs.html
@@ -0,0 +1,6 @@
+<ul>
+  <li ng-repeat="crumb in crumbs">
+    <a ng-href="{{ makeUrl(crumb) }}">{{crumb}}</a>
+    <span ng-hide="$index === (crumbs.length - 1)"> / </span>
+  </li>
+</ul>
diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
index d5ca63066222b..0a14675daa83e 100644
--- a/src/ui/public/styles/base.less
+++ b/src/ui/public/styles/base.less
@@ -287,6 +287,32 @@ table {
   }
 }
 
+//== breadCrumbsTemplate
+bread-crumbs {
+  ul {
+    margin: 0;
+    padding: 8px 10px;
+    list-style-type: none;
+    text-transform: capitalize;
+
+    &>li {
+      display: inline;
+      &>a {
+        color: @kibanaGray2;
+      }
+      &>a:hover {
+        color: @kibanaGray1;
+      }
+    }
+
+    &>li:last-child {
+      &>a {
+        color: @kibanaGray1;
+      }
+    }
+  }
+}
+
 //== SavedObjectFinder
 saved-object-finder {
   .row {
@@ -318,7 +344,7 @@ saved-object-finder {
         width: 15px;
       }
     }
-    
+
     .finder-hit-count, .finder-manage-object {
       min-width: 80px;
       padding: 5px;

From 29fb459e11f30cf7306c8301832441ddb404a854 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 17 Mar 2016 10:03:24 -0700
Subject: [PATCH 173/181] addressing reviewer comments

---
 src/ui/public/directives/bread_crumbs.js |  4 +---
 src/ui/public/partials/bread_crumbs.html |  2 +-
 src/ui/public/styles/base.less           | 10 +++++-----
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/ui/public/directives/bread_crumbs.js b/src/ui/public/directives/bread_crumbs.js
index 95b1452affe43..00cbc6a956072 100644
--- a/src/ui/public/directives/bread_crumbs.js
+++ b/src/ui/public/directives/bread_crumbs.js
@@ -7,9 +7,7 @@ var module = uiModules.get('kibana');
 module.directive('breadCrumbs', function () {
   return {
     restrict: 'E',
-    scope: {
-      userMakeUrl: '=?makeUrl'
-    },
+    scope: true,
     template: breadCrumbsTemplate,
     controller: function ($scope) {
       $scope.crumbs = chrome.getBreadcrumbs();
diff --git a/src/ui/public/partials/bread_crumbs.html b/src/ui/public/partials/bread_crumbs.html
index e002bcddab386..1605ea1baf7cd 100644
--- a/src/ui/public/partials/bread_crumbs.html
+++ b/src/ui/public/partials/bread_crumbs.html
@@ -1,6 +1,6 @@
 <ul>
   <li ng-repeat="crumb in crumbs">
     <a ng-href="{{ makeUrl(crumb) }}">{{crumb}}</a>
-    <span ng-hide="$index === (crumbs.length - 1)"> / </span>
+    <span ng-hide="$last"> / </span>
   </li>
 </ul>
diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
index 0a14675daa83e..f6e9cb81c6c68 100644
--- a/src/ui/public/styles/base.less
+++ b/src/ui/public/styles/base.less
@@ -295,18 +295,18 @@ bread-crumbs {
     list-style-type: none;
     text-transform: capitalize;
 
-    &>li {
+    >li {
       display: inline;
-      &>a {
+      >a {
         color: @kibanaGray2;
       }
-      &>a:hover {
+      >a:hover {
         color: @kibanaGray1;
       }
     }
 
-    &>li:last-child {
-      &>a {
+    >li:last-child {
+      >a {
         color: @kibanaGray1;
       }
     }

From fb68898b31657585918de55167ce8a2bd2f120cb Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 17 Mar 2016 10:32:49 -0700
Subject: [PATCH 174/181] removing debugger statement

---
 src/ui/public/chrome/api/__tests__/angular.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/ui/public/chrome/api/__tests__/angular.js b/src/ui/public/chrome/api/__tests__/angular.js
index ffd3ddcb35141..cc2b97262c1c1 100644
--- a/src/ui/public/chrome/api/__tests__/angular.js
+++ b/src/ui/public/chrome/api/__tests__/angular.js
@@ -12,7 +12,6 @@ describe('Chrome API :: Angular', () => {
         addBasePath: noop
       };
       kbnAngular(chrome, {});
-      debugger;
     });
     it('should return breadcrumbs based on the url', () => {
     });

From ccdfb207cb5566b5386324ffc94a0617057f808f Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 17 Mar 2016 11:02:53 -0700
Subject: [PATCH 175/181] troubleshooting file not found error

---
 src/ui/public/chrome/api/__tests__/angular.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/public/chrome/api/__tests__/angular.js b/src/ui/public/chrome/api/__tests__/angular.js
index cc2b97262c1c1..51b77b57df0a6 100644
--- a/src/ui/public/chrome/api/__tests__/angular.js
+++ b/src/ui/public/chrome/api/__tests__/angular.js
@@ -1,7 +1,7 @@
 import expect from 'expect.js';
 
 import kbnAngular from '../angular';
-import TabFakeStore from '../../__tests__/_TabFakeStore';
+import TabFakeStore from '../../__tests__/_tab_fake_store';
 import { noop } from 'lodash';
 
 describe('Chrome API :: Angular', () => {

From 1ddc94d3b65cddbe5048e89a21c45663e5bd77b7 Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 17 Mar 2016 11:22:05 -0700
Subject: [PATCH 176/181] removing makeUrl function

---
 src/ui/public/directives/bread_crumbs.js | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/src/ui/public/directives/bread_crumbs.js b/src/ui/public/directives/bread_crumbs.js
index 00cbc6a956072..f78739f098a5b 100644
--- a/src/ui/public/directives/bread_crumbs.js
+++ b/src/ui/public/directives/bread_crumbs.js
@@ -16,12 +16,6 @@ module.directive('breadCrumbs', function () {
         // Remove the empty string from the end of the array
         $scope.crumbs.pop();
       }
-
-      $scope.makeUrl = function (val) {
-        if ($scope.userMakeUrl) {
-          return $scope.userMakeUrl(val);
-        }
-      };
     }
   };
 });

From a27de44dc72fda0b5a0ddd91019673d7f7e63bec Mon Sep 17 00:00:00 2001
From: Shelby Sturgis <shelbyjsturgis@gmail.com>
Date: Thu, 17 Mar 2016 11:25:14 -0700
Subject: [PATCH 177/181] removing makeUrl from html, updating css

---
 src/ui/public/partials/bread_crumbs.html | 2 +-
 src/ui/public/styles/base.less           | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/ui/public/partials/bread_crumbs.html b/src/ui/public/partials/bread_crumbs.html
index 1605ea1baf7cd..b13b30b272b36 100644
--- a/src/ui/public/partials/bread_crumbs.html
+++ b/src/ui/public/partials/bread_crumbs.html
@@ -1,6 +1,6 @@
 <ul>
   <li ng-repeat="crumb in crumbs">
-    <a ng-href="{{ makeUrl(crumb) }}">{{crumb}}</a>
+    <span>{{crumb}}</span>
     <span ng-hide="$last"> / </span>
   </li>
 </ul>
diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
index f6e9cb81c6c68..eabee63ac1793 100644
--- a/src/ui/public/styles/base.less
+++ b/src/ui/public/styles/base.less
@@ -297,16 +297,16 @@ bread-crumbs {
 
     >li {
       display: inline;
-      >a {
+      >span {
         color: @kibanaGray2;
       }
-      >a:hover {
+      >span:hover {
         color: @kibanaGray1;
       }
     }
 
     >li:last-child {
-      >a {
+      >span {
         color: @kibanaGray1;
       }
     }

From ba558c2007b4847c9c6cd874f91d10ac0cf30b77 Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Mon, 21 Mar 2016 12:47:44 -0700
Subject: [PATCH 178/181] Remove unused styles

---
 .../kibana/public/dashboard/styles/main.less   | 18 ------------------
 1 file changed, 18 deletions(-)

diff --git a/src/plugins/kibana/public/dashboard/styles/main.less b/src/plugins/kibana/public/dashboard/styles/main.less
index e660cb50d4d6d..a0cccdd1e6ddc 100644
--- a/src/plugins/kibana/public/dashboard/styles/main.less
+++ b/src/plugins/kibana/public/dashboard/styles/main.less
@@ -156,21 +156,3 @@ dashboard-grid {
 .dashboard-panel-picker > .list-group-item {
   border-top: 0;
 }
-
-.dashboard-load {
-  margin: 10px;
-}
-
-.dashboard {
-  &-info {
-    line-height: 30px;
-    padding: 0px 10px;
-    border-bottom-left-radius: @border-radius-base;
-
-
-    &-title {
-      font-weight: bold;
-      margin-right: 10px;
-    }
-  }
-}

From 4f60573dad00b9b1f2ee08102834d1efe3d51ef3 Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Mon, 21 Mar 2016 12:51:33 -0700
Subject: [PATCH 179/181] Normalize timepicker toggle into same style as other
 buttons

---
 src/ui/public/styles/base.less       |  5 ++++
 src/ui/public/timepicker/toggle.html | 44 ++++++++--------------------
 2 files changed, 17 insertions(+), 32 deletions(-)

diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
index eabee63ac1793..82bef714b77bf 100644
--- a/src/ui/public/styles/base.less
+++ b/src/ui/public/styles/base.less
@@ -142,8 +142,13 @@ a {
 
   .kibana-nav-options {
     padding-bottom: 0;
+
     .kibana-nav-actions {
       margin-left: auto;
+
+      .button-group > :last-child {
+        border-radius: 0;
+      }
     }
     .kibana-nav-info {
       line-height: 30px;
diff --git a/src/ui/public/timepicker/toggle.html b/src/ui/public/timepicker/toggle.html
index dda92068f3ffa..2e781d36e5c4f 100644
--- a/src/ui/public/timepicker/toggle.html
+++ b/src/ui/public/timepicker/toggle.html
@@ -1,32 +1,12 @@
-<ul ng-show="timefilter.enabled" class="nav navbar-nav navbar-right navbar-timepicker">
-  <li>
-    <button
-      ng-click="toggleRefresh()"
-      ng-show="timefilter.refreshInterval.value > 0">
-      <i class="fa" ng-class="timefilter.refreshInterval.pause ? 'fa-play' : 'fa-pause'"></i>
-    </button>
-  </li>
-
-  <li
-    ng-show="timefilter.refreshInterval.value > 0 || configTemplate.is('interval') || configTemplate.is('filter')">
-
-    <button ng-click="configTemplate.toggle('interval')"
-    ng-class="{active: configTemplate.is('interval') }"
-    class="navbar-timepicker-auto-refresh-desc">
-      <span ng-show="timefilter.refreshInterval.value === 0"><i class="fa fa-repeat"></i> Auto-refresh</span>
-      <span ng-show="timefilter.refreshInterval.value > 0">{{timefilter.refreshInterval.display}}</span>
-    </button>
-
-  </li>
-
-  <li>
-    <button ng-class="{active: configTemplate.is('filter')}"
-      ng-click="configTemplate.toggle('filter')"
-      aria-haspopup="true"
-      aria-expanded="false"
-      class="navbar-timepicker-time-desc">
-      <i aria-hidden="true" class="fa fa-clock-o"></i>
-      <pretty-duration from="timefilter.time.from" to="timefilter.time.to"></pretty-duration>
-    </button>
-  </li>
-</ul>
+<div ng-show="timefilter.enabled" class="button-group">
+  <button ng-click="toggleRefresh()" ng-show="timefilter.refreshInterval.value > 0">
+    <i class="fa fa-pause" ng-class="timefilter.refreshInterval.pause ? 'fa-play' : 'fa-pause'"></i>
+  </button>
+  <button ng-click="configTemplate.toggle('interval')" ng-class="{active: configTemplate.is('interval') }" class="navbar-timepicker-auto-refresh-desc" ng-show="timefilter.refreshInterval.value > 0 || configTemplate.is('interval') || configTemplate.is('filter')">
+    <span ng-show="timefilter.refreshInterval.value === 0"><i class="fa fa-repeat"></i> Auto-refresh</span>
+    <span ng-show="timefilter.refreshInterval.value > 0">{{timefilter.refreshInterval.display}}</span>
+  </button><button ng-class="{active: configTemplate.is('filter')}" ng-click="configTemplate.toggle('filter')" aria-haspopup="true" aria-expanded="false" class="navbar-timepicker-time-desc">
+    <i aria-hidden="true" class="fa fa-clock-o"></i>
+    <pretty-duration from="timefilter.time.from" to="timefilter.time.to"></pretty-duration>
+  </button>
+</div>

From 8522b2ffed96fa5828f2b4170d6f121e933a8767 Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Mon, 21 Mar 2016 12:59:14 -0700
Subject: [PATCH 180/181] Remove right padding

---
 src/ui/public/styles/base.less | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
index 82bef714b77bf..62899e437691e 100644
--- a/src/ui/public/styles/base.less
+++ b/src/ui/public/styles/base.less
@@ -142,6 +142,7 @@ a {
 
   .kibana-nav-options {
     padding-bottom: 0;
+    padding-right: 0px;
 
     .kibana-nav-actions {
       margin-left: auto;

From 953e1543a56754f293c6995668b0e443909d1804 Mon Sep 17 00:00:00 2001
From: Tyler Smalley <tyler.smalley@elastic.co>
Date: Mon, 21 Mar 2016 18:44:24 -0700
Subject: [PATCH 181/181] Re-adds test page helpers removed by merge

Signed-off-by: Tyler Smalley <tyler.smalley@elastic.co>
---
 test/support/pages/visualize_page.js | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/test/support/pages/visualize_page.js b/test/support/pages/visualize_page.js
index 65733b34fee66..b19d938d4d188 100644
--- a/test/support/pages/visualize_page.js
+++ b/test/support/pages/visualize_page.js
@@ -326,6 +326,33 @@ define(function (require) {
       });
     },
 
+    clickLoadSavedVisButton: function clickLoadSavedVisButton() {
+      return this.remote
+        .setFindTimeout(defaultTimeout)
+        .findDisplayedByCssSelector('button[aria-label="Load Saved Visualization"]')
+        .click();
+    },
+
+    filterVisByName: function filterVisByName(vizName) {
+      return this.remote
+        .findByCssSelector('input[name="filter"]')
+        .click()
+        // can't uses dashes in saved visualizations when filtering
+        // or extended character sets
+        // https://github.com/elastic/kibana/issues/6300
+        .type(vizName.replace('-',' '));
+    },
+
+    clickVisualizationByLinkText: function clickVisualizationByLinkText(vizName) {
+      var self = this;
+      common.debug('clickVisualizationByLinkText(' + vizName + ')');
+
+      return this.remote
+        .setFindTimeout(defaultTimeout)
+        .findByLinkText(vizName)
+        .click();
+    },
+
     // this starts by clicking the Load Saved Viz button, not from the
     // bottom half of the "Create a new visualization      Step 1" page
     loadSavedVisualization: function loadSavedVisualization(vizName) {