From b74022786f528bf51548a2404656f7002032125d Mon Sep 17 00:00:00 2001
From: CJ Cenizal <cj@cenizal.com>
Date: Thu, 23 Jun 2016 15:14:01 -0700
Subject: [PATCH 1/5] [7364]: Deconcatenate selectors in
 src/plugins/table_vis/public/table_vis.less and
 src/ui/public/agg_table/agg_table.less.

---
 src/plugins/table_vis/public/table_vis.less |  7 +++----
 src/ui/public/agg_table/agg_table.less      |  6 +++---
 src/ui/public/styles/dark-theme.less        | 15 ++++++---------
 3 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/src/plugins/table_vis/public/table_vis.less b/src/plugins/table_vis/public/table_vis.less
index c8effbca2028d..f9bb4e9052d08 100644
--- a/src/plugins/table_vis/public/table_vis.less
+++ b/src/plugins/table_vis/public/table_vis.less
@@ -2,17 +2,17 @@
   display: flex;
   flex-direction: column;
   flex: 1 0 100%;
+}
 
-  &-error {
+  .table-vis-error {
     display: flex;
     flex-direction: column;
     justify-content: center;
     flex: 1 0 100%;
-
     text-align: center;
   }
 
-  &-container {
+  .table-vis-container {
     kbn-agg-table-group > .table > tbody > tr > td {
       border-top: 0px;
     }
@@ -25,4 +25,3 @@
       display: none;
     }
   }
-}
diff --git a/src/ui/public/agg_table/agg_table.less b/src/ui/public/agg_table/agg_table.less
index 031bb23e4c862..382460e4cad3e 100644
--- a/src/ui/public/agg_table/agg_table.less
+++ b/src/ui/public/agg_table/agg_table.less
@@ -9,8 +9,9 @@ kbn-agg-table-group {
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
+}
 
-  &-paginated {
+  .agg-table-paginated {
     flex: 1 1 auto;
     overflow: auto;
 
@@ -23,7 +24,7 @@ kbn-agg-table-group {
     }
   }
 
-  &-controls {
+  .agg-table-controls {
     flex: 0 0 auto;
     display: flex;
     align-items: center;
@@ -35,4 +36,3 @@ kbn-agg-table-group {
       padding: 0;
     }
   }
-}
diff --git a/src/ui/public/styles/dark-theme.less b/src/ui/public/styles/dark-theme.less
index 93bfded83a4c8..b77f1db70dfaf 100644
--- a/src/ui/public/styles/dark-theme.less
+++ b/src/ui/public/styles/dark-theme.less
@@ -268,16 +268,13 @@
 
 
 // /src/ui/public/agg_table/agg_table.less
-  .agg-table {
-
-    &-paginated {
-      tr:hover td {
-        background-color: @table-row-hover-bg;
-      }
+  .agg-table-paginated {
+    tr:hover td {
+      background-color: @table-row-hover-bg;
+    }
 
-      .cell-hover:hover {
-        background-color: @table-cell-hover-hover-bg;
-      }
+    .cell-hover:hover {
+      background-color: @table-cell-hover-hover-bg;
     }
   }
 

From 537b6db0229a5325a68b419d6bef4b6596d0f8f6 Mon Sep 17 00:00:00 2001
From: CJ Cenizal <cj@cenizal.com>
Date: Thu, 23 Jun 2016 15:15:48 -0700
Subject: [PATCH 2/5] [7364]: Deconcatenate selectors in
 src/ui/public/chrome/directives/app_switcher/app_switcher.less.

---
 .../directives/app_switcher/app_switcher.less      | 14 ++++++++++----
 1 file changed, 10 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 911c878a64f98..aa4b9cec8ad23 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -37,11 +37,13 @@ body { overflow-x: hidden; }
       background-color: #e8488b;
     }
   }
+
   .bottom-apps {
     position: absolute;
     bottom: 0;
   }
 }
+
 .app-wrapper {
   .real-flex-parent();
   position: absolute;
@@ -55,16 +57,20 @@ body { overflow-x: hidden; }
   margin: 0 auto;
   background-color: #fff;
 
-  &.hidden-chrome { left: 0; }
-  &-panel {
-    .flex-parent(@shrink: 0);
-    box-shadow: -4px 0px 3px rgba(0,0,0,0.2);
+  &.hidden-chrome {
+    left: 0;
   }
 
   .navbar-right {
     margin-right: 0;
   }
 }
+
+  .app-wrapper-panel {
+    .flex-parent(@shrink: 0);
+    box-shadow: -4px 0px 3px rgba(0,0,0,0.2);
+  }
+
 .app-links {
   text-align: justify;
 

From 10ad36e94739dc07c3c8ba107b81b2252dc4a1d3 Mon Sep 17 00:00:00 2001
From: CJ Cenizal <cj@cenizal.com>
Date: Thu, 23 Jun 2016 15:22:03 -0700
Subject: [PATCH 3/5] [7364]: Deconcatenate selectors in
 src/ui/public/doc_viewer/doc_viewer.less.

---
 src/ui/public/doc_viewer/doc_viewer.less | 28 +++++++++++++++---------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/ui/public/doc_viewer/doc_viewer.less b/src/ui/public/doc_viewer/doc_viewer.less
index afe973c229a26..f7813b9a0b9c6 100644
--- a/src/ui/public/doc_viewer/doc_viewer.less
+++ b/src/ui/public/doc_viewer/doc_viewer.less
@@ -1,23 +1,31 @@
 @import (reference) "~ui/styles/variables";
 
-doc-viewer .doc-viewer {
-
-  &-buttons, &-field {
-    white-space: nowrap;
-  }
-
-  &-value, pre {
+.doc-viewer {
+  pre {
     display: inline-block;
     word-break: break-all;
     word-wrap: break-word;
     white-space: pre-wrap;
   }
 
-  td, pre {
+  td,
+  pre {
     font-family: "Lucida Console", Monaco, monospace;
   }
+}
 
-  &-content {
+  .doc-viewer-content {
     margin-top: @padding-base-vertical;
   }
-}
+
+  .doc-viewer-buttons,
+  .doc-viewer-field {
+    white-space: nowrap;
+  }
+
+  .doc-viewer-value {
+    display: inline-block;
+    word-break: break-all;
+    word-wrap: break-word;
+    white-space: pre-wrap;
+  }

From 0883956e3d0ca951f2c9a5c75b774b28ba44c757 Mon Sep 17 00:00:00 2001
From: CJ Cenizal <cj@cenizal.com>
Date: Thu, 23 Jun 2016 15:37:34 -0700
Subject: [PATCH 4/5] [7364]: Deconcatenate and refactor filter-bar styles.

---
 src/ui/public/filter_bar/filter_bar.html |  6 +++---
 src/ui/public/filter_bar/filter_bar.less | 16 ++++++++--------
 src/ui/public/styles/dark-theme.less     | 12 ++++++------
 3 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/ui/public/filter_bar/filter_bar.html b/src/ui/public/filter_bar/filter_bar.html
index 9ca33e22b9b27..70afcaaf37185 100644
--- a/src/ui/public/filter_bar/filter_bar.html
+++ b/src/ui/public/filter_bar/filter_bar.html
@@ -1,4 +1,4 @@
-<div class="confirm" ng-show="newFilters.length">
+<div class="filter-bar-confirm" ng-show="newFilters.length">
   <form ng-submit="applyFilters(newFilters)">
   <ul class="list-unstyled">
     <li>Apply these filters?</li>
@@ -9,7 +9,7 @@
   </form>
 </div>
 
-<div class="bar" ng-show="filters.length">
+<div class="filter-bar" ng-show="filters.length">
   <div class="filter" ng-class="{ negate: filter.meta.negate, disabled: filter.meta.disabled }" ng-repeat="filter in filters">
     <div class="filter-description">
       <span ng-if="filter.$state.store == 'globalState'"><i class="fa fa-fw fa-thumb-tack pinned"></i></span>
@@ -79,7 +79,7 @@
   </div>
 </div>
 
-<div class="bar bar-condensed" ng-show="filters.length && showFilterActions">
+<div class="filter-bar filter-bar-condensed" ng-show="filters.length && showFilterActions">
   <div class="filter-actions-all">
     <div class="filter-link">
       <div class="filter-description"><strong>All filters:</strong></div>
diff --git a/src/ui/public/filter_bar/filter_bar.less b/src/ui/public/filter_bar/filter_bar.less
index 2bcc465c1dafe..3326e0ec3d252 100644
--- a/src/ui/public/filter_bar/filter_bar.less
+++ b/src/ui/public/filter_bar/filter_bar.less
@@ -1,6 +1,6 @@
 @import (reference) "~ui/styles/variables";
 
-filter-bar .confirm {
+.filter-bar-confirm {
   padding: 8px 10px 4px;
   background: @filter-bar-confirm-bg;
   border-bottom: 1px solid;
@@ -46,17 +46,11 @@ filter-bar .confirm {
   }
 }
 
-filter-bar .bar {
+.filter-bar {
   padding: 5px 6px 3px 6px;
   background: @filter-bar-bar-bg;
   border-bottom: 0;
 
-  &-condensed {
-    padding: 6px 6px 2px 6px !important;
-    font-size: 0.9em;
-    background: @filter-bar-bar-condensed-bg;
-  }
-
   .ace_editor {
     height: 175px;
     margin: 15px 0;
@@ -159,3 +153,9 @@ filter-bar .bar {
     }
   }
 }
+
+  .filter-bar-condensed {
+    padding: 6px 6px 2px 6px !important;
+    font-size: 0.9em;
+    background: @filter-bar-bar-condensed-bg;
+  }
diff --git a/src/ui/public/styles/dark-theme.less b/src/ui/public/styles/dark-theme.less
index b77f1db70dfaf..58c587c359916 100644
--- a/src/ui/public/styles/dark-theme.less
+++ b/src/ui/public/styles/dark-theme.less
@@ -438,7 +438,7 @@
 
 
 // /src/ui/public/filter_bar/filter_bar.less
-  filter-bar .confirm {
+  .filter-bar-confirm {
     background: @filter-bar-confirm-bg;
     border-bottom-color: @filter-bar-confirm-border;
 
@@ -448,14 +448,10 @@
     }
   }
 
-  filter-bar .bar {
+  .filter-bar {
     background: @filter-bar-bar-bg;
     border-bottom-color: @filter-bar-bar-border;
 
-    &-condensed {
-      background: @filter-bar-bar-condensed-bg;
-    }
-
     .filter {
       background-color: @filter-bar-bar-filter-bg;
       color: @filter-bar-bar-filter-color;
@@ -470,6 +466,10 @@
     }
   }
 
+    .filter-bar-condensed {
+      background: @filter-bar-bar-condensed-bg;
+    }
+
 
 // /src/ui/public/styles/config.less
   .config {

From 52f6922b01e648cbd3838cfe9fe4280c8880d213 Mon Sep 17 00:00:00 2001
From: CJ Cenizal <cj@cenizal.com>
Date: Fri, 24 Jun 2016 12:34:07 -0700
Subject: [PATCH 5/5] [7364]: Deconcatenate selectors in
 src/ui/public/notify/notify.less.

---
 src/ui/public/notify/notify.less | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/ui/public/notify/notify.less b/src/ui/public/notify/notify.less
index 47d20a3386adf..58b526cc89708 100644
--- a/src/ui/public/notify/notify.less
+++ b/src/ui/public/notify/notify.less
@@ -45,14 +45,15 @@
         margin-right: 4px;
       }
     }
+  }
 
-    &-message {
+    .toast-message {
       flex: 1 1 auto;
       .ellipsis();
       line-height: normal;
     }
 
-    &-stack {
+    .toast-stack {
       padding-bottom: 10px;
 
       pre {
@@ -65,7 +66,7 @@
       }
     }
 
-    &-controls {
+    .toast-controls {
       display: flex;
 
       button {
@@ -75,7 +76,6 @@
         padding: 10px 15px;
       }
     }
-  }
 
   // add darkened background to the different badges
   .alert-success .badge {