From a16adbe1dfd9f983263af30e7f8aa3d4ba59e7bf Mon Sep 17 00:00:00 2001
From: Matthew Bargar <mbargar@gmail.com>
Date: Thu, 21 Apr 2016 19:33:33 -0400
Subject: [PATCH 1/8] [Styles] Update the paste screen styles

---
 .../add_data_steps/paste_samples_step.html    | 19 +++--
 .../styles/_pipeline_setup.less               |  2 +-
 .../styles/_processor_ui_container.less       | 15 ----
 .../filebeat/directives/filebeat_wizard.js    |  1 +
 .../indices/styles/_add_data_wizard.less      | 73 +++++++++++++++++++
 .../kibana/public/settings/styles/main.less   | 54 --------------
 6 files changed, 84 insertions(+), 80 deletions(-)
 create mode 100644 src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less

diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step.html b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step.html
index 382b31765d07d0..25de6ba36f6a50 100644
--- a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step.html
+++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step.html
@@ -1,12 +1,11 @@
-<div class="wizard-step-title">
-  <h3>Provide some sample logs</h3>
-  Paste in one or more lines from the file you intend to tail. We'll use these samples in the following steps to help
-  you build an ingest pipeline and configure a Kibana index pattern. Log lines can be raw strings or
-  formatted as JSON. If your logs are raw strings but you intend to use
-  <a target="_window" href="https://www.elastic.co/guide/en/beats/filebeat/current/exported-fields.html">Filebeat's metadata</a>,
-  you'll want to paste the JSON as it will come out of Filebeat.
-</div>
+<h2><em>Provide some sample logs.</em>
+Paste in one or more lines from the file you intend to tail. We'll use these samples in the following steps to help
+you build an ingest pipeline and configure a Kibana index pattern. Log lines can be raw strings or
+formatted as JSON. If your logs are raw strings but you intend to use
+<a target="_window" href="https://www.elastic.co/guide/en/beats/filebeat/current/exported-fields.html">Filebeat's metadata</a>,
+you'll want to paste the JSON as it will come out of Filebeat.
+</h2>
 
-<div class="paste-samples">
-  <textarea ng-model="pasteStep.rawSamples" placeholder="Paste your sample log lines here, separated by a newline"></textarea>
+<div class="paste-samples form-group">
+  <textarea class="form-control" ng-model="pasteStep.rawSamples" placeholder="Paste your sample log lines here, separated by a newline"></textarea>
 </div>
diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_pipeline_setup.less b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_pipeline_setup.less
index 7ecf231325032d..77a07eaec11a4a 100644
--- a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_pipeline_setup.less
+++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_pipeline_setup.less
@@ -67,7 +67,7 @@ pipeline-setup {
       justify-content: flex-start;
       align-items: center;
 
-      select {
+      select.form-control {
         background-color: @settings-filebeat-wizard-processor-select-bg;
         border: none;
         width: auto;
diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_processor_ui_container.less b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_processor_ui_container.less
index 33312e48fa5339..f28f91130db19d 100644
--- a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_processor_ui_container.less
+++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_processor_ui_container.less
@@ -35,19 +35,4 @@ processor-ui-container {
       }
     }
   }
-
-  .form-group {
-    margin-bottom: 5px;
-  }
-
-  .form-control {
-    background-color: #f5fafb;
-    border-color: #86bbcb;
-    border-width: 1px;
-    border-radius: 4px;
-  }
-
-  label {
-    font-weight: normal;
-  }
 }
diff --git a/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.js b/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.js
index e772ce4669f0e7..412348b5bee3ff 100644
--- a/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.js
+++ b/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.js
@@ -5,6 +5,7 @@ import 'plugins/kibana/settings/sections/indices/add_data_steps/pattern_review_s
 import 'plugins/kibana/settings/sections/indices/add_data_steps/paste_samples_step';
 import 'plugins/kibana/settings/sections/indices/add_data_steps/pipeline_setup';
 import 'plugins/kibana/settings/sections/indices/add_data_steps/install_filebeat_step';
+import '../../styles/_add_data_wizard.less';
 import '../styles/_filebeat_wizard.less';
 
 // wrapper directive, which sets up the breadcrumb for all filebeat steps
diff --git a/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less b/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less
new file mode 100644
index 00000000000000..9b77ac407c4e32
--- /dev/null
+++ b/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less
@@ -0,0 +1,73 @@
+@import (reference) "~ui/styles/variables";
+@import (reference) "~ui/styles/mixins";
+@import (reference) "~ui/styles/theme";
+
+.wizard-container {
+  padding: 0 10px;
+
+  .form-group {
+    margin-bottom: 5px;
+  }
+
+  .form-control {
+    background-color: #f5fafb;
+    border-color: @kibanaBlue3;
+    border-width: 1px;
+    border-radius: 4px;
+  }
+
+  label {
+    font-weight: normal;
+  }
+}
+
+.wizard-step-headings{
+  padding-top: 14px;
+
+  .wizard-step-heading {
+    font-size: 1.3em;
+    padding: 6px 18px;
+    margin: 0 2px;
+    background-color: @settings-add-data-wizard-step-heading-complete-background;
+    color: @settings-add-data-wizard-step-heading-complete-color;
+
+    &.active {
+      cursor: default;
+      background-color: @settings-add-data-wizard-step-heading-active-background;
+      color: @settings-add-data-wizard-step-heading-active-color;
+    }
+    &.aheadActive {
+      cursor: default;
+      background-color: @settings-add-data-wizard-step-heading-incomplete-background;
+      color: @settings-add-data-wizard-step-heading-incomplete-color;
+    }
+  }
+
+  &.complete {
+    .wizard-step-heading:not(.active) {
+      cursor: default;
+    }
+  }
+}
+
+.wizard-step-title {
+  padding-bottom: 14px;
+}
+
+.pattern-review {
+  .time-field-input {
+    padding-left: 14px;
+    margin-bottom: 0;
+  }
+
+  .pattern-input {
+    width: 300px;
+  }
+}
+
+.paste-samples {
+  textarea {
+    width: 100%;
+    height: 250px;
+  }
+}
diff --git a/src/plugins/kibana/public/settings/styles/main.less b/src/plugins/kibana/public/settings/styles/main.less
index 8b0095a2bddebb..002ea4c2f0852a 100644
--- a/src/plugins/kibana/public/settings/styles/main.less
+++ b/src/plugins/kibana/public/settings/styles/main.less
@@ -205,57 +205,3 @@ kbn-settings-indices {
   .time-and-pattern > div {}
 }
 
-.wizard-container {
-  padding: 0 10px;
-}
-
-.wizard-step-headings{
-  padding-top: 14px;
-
-  .wizard-step-heading {
-    font-size: 1.3em;
-    padding: 6px 18px;
-    margin: 0 2px;
-    background-color: @settings-add-data-wizard-step-heading-complete-background;
-    color: @settings-add-data-wizard-step-heading-complete-color;
-
-    &.active {
-      cursor: default;
-      background-color: @settings-add-data-wizard-step-heading-active-background;
-      color: @settings-add-data-wizard-step-heading-active-color;
-    }
-    &.aheadActive {
-      cursor: default;
-      background-color: @settings-add-data-wizard-step-heading-incomplete-background;
-      color: @settings-add-data-wizard-step-heading-incomplete-color;
-    }
-  }
-
-  &.complete {
-    .wizard-step-heading:not(.active) {
-      cursor: default;
-    }
-  }
-}
-
-.wizard-step-title {
-  padding-bottom: 1em;
-}
-
-.pattern-review {
-  .time-field-input {
-    padding-left: 1em;
-    margin-bottom: 0;
-  }
-
-  .pattern-input {
-    width: 300px;
-  }
-}
-
-.paste-samples {
-  textarea {
-    width: 100%;
-    height: 250px;
-  }
-}

From ea63a8a2da72ca9bcd4eec70ae43d3e708dacf8c Mon Sep 17 00:00:00 2001
From: Matthew Bargar <mbargar@gmail.com>
Date: Tue, 26 Apr 2016 18:09:24 -0400
Subject: [PATCH 2/8] Move paste step files into their own directory

---
 .../{ => paste_samples_step}/paste_samples_step.html            | 0
 .../{ => paste_samples_step}/paste_samples_step.js              | 2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename src/plugins/kibana/public/settings/sections/indices/add_data_steps/{ => paste_samples_step}/paste_samples_step.html (100%)
 rename src/plugins/kibana/public/settings/sections/indices/add_data_steps/{ => paste_samples_step}/paste_samples_step.js (89%)

diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step.html b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/paste_samples_step.html
similarity index 100%
rename from src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step.html
rename to src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/paste_samples_step.html
diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step.js b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/paste_samples_step.js
similarity index 89%
rename from src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step.js
rename to src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/paste_samples_step.js
index 1e78ea45559f86..ad85bc6b21ddd3 100644
--- a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step.js
+++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/paste_samples_step.js
@@ -1,5 +1,5 @@
 import modules from 'ui/modules';
-import template from 'plugins/kibana/settings/sections/indices/add_data_steps/paste_samples_step.html';
+import template from './paste_samples_step.html';
 import _ from 'lodash';
 
 modules.get('apps/settings')

From 060fc99232a724b334f09efc378be22b9d001e9d Mon Sep 17 00:00:00 2001
From: Matthew Bargar <mbargar@gmail.com>
Date: Fri, 22 Apr 2016 12:51:41 -0400
Subject: [PATCH 3/8] [Styles] Update everything on the review page but the
 table

---
 .../pattern_review_step.html                  | 19 ++++++++----------
 .../pattern_review_step.js                    |  3 ++-
 .../styles/_add_data_pattern_review_step.less | 20 +++++++++++++++++++
 .../styles/_processor_ui_container.less       |  4 ++++
 .../indices/styles/_add_data_wizard.less      | 15 --------------
 5 files changed, 34 insertions(+), 27 deletions(-)
 rename src/plugins/kibana/public/settings/sections/indices/add_data_steps/{ => pattern_review_step}/pattern_review_step.html (61%)
 rename src/plugins/kibana/public/settings/sections/indices/add_data_steps/{ => pattern_review_step}/pattern_review_step.js (96%)
 create mode 100644 src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/styles/_add_data_pattern_review_step.less

diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step.html b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/pattern_review_step.html
similarity index 61%
rename from src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step.html
rename to src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/pattern_review_step.html
index 5a8735d7b3ea80..cf0d1d4463a8cb 100644
--- a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step.html
+++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/pattern_review_step.html
@@ -1,22 +1,19 @@
-<div class="wizard-step-title">
-  <h3>Review the index pattern</h3>
-  Here we'll define how and where to store your parsed events. We've made some intellient guesses for you, but most
+<h2><em>Review the index pattern.</em>
+  Here we'll define how and where to store your parsed events. We've made some intelligent guesses for you, but most
   fields can be changed if we got it wrong!
-</div>
+</h2>
 
-<div class="pattern-review">
-  <div>
-    <label>Index name or pattern</label>
-    <kbn-info info="Patterns allow you to define dynamic index names using * as a wildcard. Example: filebeat-*"></kbn-info>
-  </div>
-  <input ng-model="reviewStep.indexPattern.id" class="pattern-input"/>
+<div class="pattern-review form-group form-inline">
+  <label>Index name or pattern</label>
+  <span id="pattern-help" class="help-block">Patterns allow you to define dynamic index names using * as a wildcard. Example: filebeat-*</span>
+  <input ng-model="reviewStep.indexPattern.id" class="pattern-input form-control" aria-describedby="pattern-help"/>
   <label>
     <input ng-model="reviewStep.isTimeBased" type="checkbox"/>
     time based
   </label>
   <label ng-if="reviewStep.isTimeBased" class="time-field-input">
     Time Field
-    <select ng-model="reviewStep.indexPattern.timeFieldName" name="time_field_name">
+    <select ng-model="reviewStep.indexPattern.timeFieldName" name="time_field_name" class="form-control">
       <option ng-repeat="field in reviewStep.dateFields" value="{{field}}">
         {{field}}
       </option>
diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step.js b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/pattern_review_step.js
similarity index 96%
rename from src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step.js
rename to src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/pattern_review_step.js
index b96f991b6397a8..7d4cbcc6fb82a9 100644
--- a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step.js
+++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/pattern_review_step.js
@@ -1,7 +1,8 @@
 import modules from 'ui/modules';
-import template from 'plugins/kibana/settings/sections/indices/add_data_steps/pattern_review_step.html';
+import template from './pattern_review_step.html';
 import _ from 'lodash';
 import editFieldTypeHTML from 'plugins/kibana/settings/sections/indices/partials/_edit_field_type.html';
+import './styles/_add_data_pattern_review_step.less';
 
 function pickDefaultTimeFieldName(dateFields) {
   if (_.isEmpty(dateFields)) {
diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/styles/_add_data_pattern_review_step.less b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/styles/_add_data_pattern_review_step.less
new file mode 100644
index 00000000000000..2ef864f9880b1d
--- /dev/null
+++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/styles/_add_data_pattern_review_step.less
@@ -0,0 +1,20 @@
+.pattern-review {
+
+  label {
+    margin-bottom: 0;
+  }
+
+  .time-field-input {
+    padding-left: 14px;
+    margin-bottom: 0;
+  }
+
+  .pattern-input {
+    width: 300px;
+    margin-right: 7px;
+  }
+
+  > .help-block {
+    margin-top: 0;
+  }
+}
diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_processor_ui_container.less b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_processor_ui_container.less
index f28f91130db19d..9d47774a55eb17 100644
--- a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_processor_ui_container.less
+++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_processor_ui_container.less
@@ -35,4 +35,8 @@ processor-ui-container {
       }
     }
   }
+
+  label {
+    font-weight: normal;
+  }
 }
diff --git a/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less b/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less
index 9b77ac407c4e32..34ac00e9b762dd 100644
--- a/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less
+++ b/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less
@@ -15,10 +15,6 @@
     border-width: 1px;
     border-radius: 4px;
   }
-
-  label {
-    font-weight: normal;
-  }
 }
 
 .wizard-step-headings{
@@ -54,17 +50,6 @@
   padding-bottom: 14px;
 }
 
-.pattern-review {
-  .time-field-input {
-    padding-left: 14px;
-    margin-bottom: 0;
-  }
-
-  .pattern-input {
-    width: 300px;
-  }
-}
-
 .paste-samples {
   textarea {
     width: 100%;

From e95f683bc9ff0488647fb20b141a77c5894aede6 Mon Sep 17 00:00:00 2001
From: Matthew Bargar <mbargar@gmail.com>
Date: Fri, 22 Apr 2016 17:22:45 -0400
Subject: [PATCH 4/8] [Styles] Final touches on review screen - pagination,
 table end, nav buttons

---
 .../pattern_review_step.html                  | 14 ++---
 .../styles/_add_data_pattern_review_step.less | 63 +++++++++++++++++--
 .../filebeat/directives/filebeat_wizard.html  |  6 +-
 .../filebeat/styles/_filebeat_wizard.less     | 25 --------
 .../indices/styles/_add_data_wizard.less      | 26 ++++++++
 5 files changed, 93 insertions(+), 41 deletions(-)

diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/pattern_review_step.html b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/pattern_review_step.html
index cf0d1d4463a8cb..da4662e7c962a3 100644
--- a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/pattern_review_step.html
+++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/pattern_review_step.html
@@ -3,7 +3,7 @@ <h2><em>Review the index pattern.</em>
   fields can be changed if we got it wrong!
 </h2>
 
-<div class="pattern-review form-group form-inline">
+<div class="pattern-review form-inline">
   <label>Index name or pattern</label>
   <span id="pattern-help" class="help-block">Patterns allow you to define dynamic index names using * as a wildcard. Example: filebeat-*</span>
   <input ng-model="reviewStep.indexPattern.id" class="pattern-input form-control" aria-describedby="pattern-help"/>
@@ -21,9 +21,9 @@ <h2><em>Review the index pattern.</em>
   </label>
 </div>
 
-<div>
-  <paginated-table
-    columns="reviewStep.columns"
-    rows="reviewStep.rows">
-  </paginated-table>
-</div>
+<paginated-table
+  class="pattern-review-field-table"
+  columns="reviewStep.columns"
+  rows="reviewStep.rows"
+  per-page="10">
+</paginated-table>
diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/styles/_add_data_pattern_review_step.less b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/styles/_add_data_pattern_review_step.less
index 2ef864f9880b1d..3b9d7279404cc7 100644
--- a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/styles/_add_data_pattern_review_step.less
+++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pattern_review_step/styles/_add_data_pattern_review_step.less
@@ -1,8 +1,14 @@
-.pattern-review {
+@import (reference) "../../../styles/_add_data_wizard";
 
-  label {
-    margin-bottom: 0;
-  }
+pattern-review-step {
+  margin-bottom: 14px;
+
+  .pattern-review {
+    margin-bottom: 15px;
+
+    label {
+      margin-bottom: 0;
+    }
 
   .time-field-input {
     padding-left: 14px;
@@ -14,7 +20,52 @@
     margin-right: 7px;
   }
 
-  > .help-block {
-    margin-top: 0;
+    > .help-block {
+      margin-top: 0;
+    }
+  }
+
+  paginated-table.pattern-review-field-table {
+    table {
+      border-bottom: 3px solid @settings-filebeat-wizard-panel-bg;
+
+      tr {
+        .form-group;
+      }
+
+      th {
+        border-bottom: 0;
+        padding-top: 10px;
+        padding-bottom: 10px;
+        background-color: @settings-filebeat-wizard-panel-bg;
+        font-weight: normal;
+      }
+
+      td {
+        border-top: 3px solid @settings-filebeat-wizard-panel-bg;
+        vertical-align: middle;
+        padding-right: 14px;
+      }
+
+      select {
+        .form-control;
+        .wizard-container.form-control;
+
+        min-width: 105px;
+      }
+    }
+
+    paginate-controls {
+      position: relative;
+
+      ul > li > a {
+        background-color: @settings-filebeat-wizard-panel-bg;
+      }
+
+      form.pagination-size {
+        position: absolute;
+        right: 0;
+      }
+    }
   }
 }
diff --git a/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.html b/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.html
index e776537d397ca7..ebacf1cdc89405 100644
--- a/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.html
+++ b/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.html
@@ -25,7 +25,7 @@
   <div ng-switch="wizard.currentStep">
     <div ng-switch-when="0">
       <paste-samples-step samples="wizard.stepResults.samples" raw-samples="wizard.stepResults.rawSamples"></paste-samples-step>
-      <div class="filebeat-wizard-buttons">
+      <div class="wizard-nav-buttons">
         <div></div>
         <div>
           <button
@@ -45,7 +45,7 @@
         samples="wizard.stepResults.samples">
       </pipeline-setup>
 
-      <div class="filebeat-wizard-buttons">
+      <div class="wizard-nav-buttons">
         <div>
           <button
             class="btn btn-secondary"
@@ -71,7 +71,7 @@
         sample-doc="wizard.stepResults.pipeline.output">
       </pattern-review-step>
 
-      <div class="filebeat-wizard-buttons">
+      <div class="wizard-nav-buttons">
         <div>
           <button
             class="btn btn-secondary"
diff --git a/src/plugins/kibana/public/settings/sections/indices/filebeat/styles/_filebeat_wizard.less b/src/plugins/kibana/public/settings/sections/indices/filebeat/styles/_filebeat_wizard.less
index f796781bb80917..aff021f8f119b8 100644
--- a/src/plugins/kibana/public/settings/sections/indices/filebeat/styles/_filebeat_wizard.less
+++ b/src/plugins/kibana/public/settings/sections/indices/filebeat/styles/_filebeat_wizard.less
@@ -52,31 +52,6 @@ filebeat-wizard {
   }
   //************* Common Styles? *********************//
 
-  .nav-buttons {
-    float: right;
-  }
-
-  .filebeat-wizard-buttons {
-    display: flex;
-    float: none;
-
-    div {
-      width:100px;
-      flex: 1 1 auto;
-      display: flex;
-    }
-
-    :nth-child(1) {
-      justify-content: flex-start;
-    }
-    :nth-child(2) {
-      justify-content: center;
-    }
-    :nth-child(3) {
-      justify-content: flex-end;
-    }
-  }
-
   .install-filebeat {
     padding-bottom: 1em;
   }
diff --git a/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less b/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less
index 34ac00e9b762dd..95d513f6da7708 100644
--- a/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less
+++ b/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less
@@ -50,6 +50,32 @@
   padding-bottom: 14px;
 }
 
+.nav-buttons {
+  float: right;
+}
+
+.wizard-nav-buttons {
+  display: flex;
+  float: none;
+  margin-top: 14px;
+
+  div {
+    width:100px;
+    flex: 1 1 auto;
+    display: flex;
+  }
+
+  :nth-child(1) {
+    justify-content: flex-start;
+  }
+  :nth-child(2) {
+    justify-content: center;
+  }
+  :nth-child(3) {
+    justify-content: flex-end;
+  }
+}
+
 .paste-samples {
   textarea {
     width: 100%;

From 302d5fe7f1156e9edc9ec4a19ff8d6abad9faae7 Mon Sep 17 00:00:00 2001
From: Matthew Bargar <mbargar@gmail.com>
Date: Fri, 22 Apr 2016 18:58:21 -0400
Subject: [PATCH 5/8] [Styles] Update filebeat install screen styles

---
 .../add_data_steps/install_filebeat_step.html | 75 -----------------
 .../install_filebeat_step.html                | 84 +++++++++++++++++++
 .../install_filebeat_step.js                  |  5 +-
 .../_add_data_install_filebeat_step.less      | 22 +++++
 .../styles/_pipeline_setup.less               |  8 --
 .../filebeat/directives/filebeat_wizard.html  | 21 +++--
 .../filebeat/styles/_filebeat_wizard.less     |  5 --
 .../indices/styles/_add_data_wizard.less      | 12 ++-
 .../pattern_checker/pattern_checker.html      |  2 +-
 9 files changed, 130 insertions(+), 104 deletions(-)
 delete mode 100644 src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step.html
 create mode 100644 src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step/install_filebeat_step.html
 rename src/plugins/kibana/public/settings/sections/indices/add_data_steps/{ => install_filebeat_step}/install_filebeat_step.js (67%)
 create mode 100644 src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step/styles/_add_data_install_filebeat_step.less

diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step.html b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step.html
deleted file mode 100644
index 288f6af77156b9..00000000000000
--- a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step.html
+++ /dev/null
@@ -1,75 +0,0 @@
-<div class="wizard-step-title">
-  <h3>Follow these instructions to install Filebeat</h3>
-  Now that you've got a fresh pipeline and index pattern, let's throw some data at it!
-</div>
-
-<div class="install-filebeat">
-  <ol>
-    <li>Install Filebeat on all servers on which you want to tail logs
-      (<a target="_blank" href="https://www.elastic.co/guide/en/beats/filebeat/master/filebeat-installation.html">
-        instructions
-      </a>)
-    </li>
-
-    <li>
-      Point Filebeat at the log files you want to tail
-      (<a target="_blank" href="https://www.elastic.co/guide/en/beats/filebeat/master/filebeat-configuration.html">
-        instructions
-      </a>)
-    </li>
-
-    <li ng-if="installStep.results.pipeline.processors.length">
-      Configure Filebeat to send data through your new Elasticsearch pipeline
-      (<a target="_blank" href="https://www.elastic.co/guide/en/beats/filebeat/master/elasticsearch-output.html">
-        instructions
-      </a>)<br />
-      At minimum you'll need to configure Filebeat's Elasticsearch output with a hostname, an index name, and a
-      <a target="_blank" href="https://www.elastic.co/guide/en/beats/filebeat/master/elasticsearch-output.html#_parameters">
-        paramaters
-      </a> block. Your config should end up looking something like this:<br /><br />
-      <pre>
-output:
- elasticsearch:
-   hosts: ["your-elasticsearch-host"]
-   index: "your-base-index-name"
-   parameters:
-     pipeline: "{{installStep.pipelineId}}"</pre>
-      <em>NOTE</em>: The Filebeat config takes a base index name and automatically rotates the target index by appending "-{date}"
-      to the end, so if your pattern was "filebeat-*" you would make the index name "filebeat" in filebeat.yml.<br /><br />
-    </li>
-
-
-    <li ng-if="!installStep.results.pipeline.processors.length">
-      Configure Filebeat to send data to Elasticsearch
-      (<a target="_blank" href="https://www.elastic.co/guide/en/beats/filebeat/master/elasticsearch-output.html">
-      instructions
-    </a>)<br />
-      At minimum you'll need to configure Filebeat's Elasticsearch output with a hostname and an index name.
-      Your config should end up looking something like this:<br /><br />
-      <pre>
-output:
- elasticsearch:
-   hosts: ["your-elasticsearch-host"]
-   index: "your-base-index-name"</pre>
-      <em>NOTE</em>: The Filebeat config takes a base index name and automatically rotates the target index by appending "-{date}"
-      to the end, so if your pattern was "filebeat-*" you would make the index name "filebeat" in filebeat.yml.<br /><br />
-    </li>
-
-    <li ng-if="installStep.results.indexPattern.id !== 'filebeat-*'">
-      Edit <code>filebeat.template.json</code> (in the Filebeat directory). The line that reads
-      <code>"template": "filebeat-*"</code> should become
-      <code>"template": "{{ installStep.results.indexPattern.id }}"</code>.
-    </li>
-
-    <li>Run Filebeat on each server
-      (<a target="_blank" href="https://www.elastic.co/guide/en/beats/filebeat/master/_step_5_starting_filebeat.html">
-        instructions
-      </a>)
-    </li>
-    <li>Verify your filebeat installation below. We'll poll your new index pattern for documents and let you know when
-      they show up. If you'd like to skip this step, simply click Done now.
-    </li>
-  </ol>
-</div>
-
-<pattern-checker pattern="installStep.results.indexPattern.id"/>
diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step/install_filebeat_step.html b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step/install_filebeat_step.html
new file mode 100644
index 00000000000000..7aef7604162119
--- /dev/null
+++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step/install_filebeat_step.html
@@ -0,0 +1,84 @@
+<h2><em>Follow these instructions to install Filebeat.</em>
+Now that you've got a fresh pipeline and index pattern, let's throw some data at it!
+</h2>
+
+<div class="install-filebeat">
+  <ol>
+    <li>
+      <span>
+        <strong>Install Filebeat</strong> on all servers on which you want to tail logs &nbsp;
+        <a target="_blank" href="https://www.elastic.co/guide/en/beats/filebeat/master/filebeat-installation.html">
+            <i aria-hidden="true" class="fa fa-info-circle"></i> instructions
+        </a>
+      </span>
+    </li>
+
+    <li>
+      <span>
+        <strong>Point Filebeat</strong> at the log files you want to tail &nbsp;
+        <a target="_blank" href="https://www.elastic.co/guide/en/beats/filebeat/master/filebeat-configuration.html">
+          <i aria-hidden="true" class="fa fa-info-circle"></i> instructions
+        </a>
+      </span>
+    </li>
+
+    <li ng-if="installStep.results.pipeline.processors.length">
+      <span>
+        <strong>Configure Filebeat</strong> to send data through your new Elasticsearch pipeline &nbsp;
+        <a target="_blank" href="https://www.elastic.co/guide/en/beats/filebeat/master/elasticsearch-output.html">
+          <i aria-hidden="true" class="fa fa-info-circle"></i> instructions
+        </a><br/>
+        At minimum you'll need to configure Filebeat's Elasticsearch output with a hostname, an index name, and a
+        <a target="_blank"
+           href="https://www.elastic.co/guide/en/beats/filebeat/master/elasticsearch-output.html#_parameters">
+          <i aria-hidden="true" class="fa fa-info-circle"></i> paramaters
+        </a> block. Your config should end up looking something like this:<br/>
+      <pre>
+output:
+ elasticsearch:
+   hosts: ["your-elasticsearch-host"]
+   index: "your-base-index-name"
+   parameters:
+     pipeline: "{{installStep.pipelineId}}"</pre>
+        <em>NOTE</em>: The Filebeat config takes a base index name and automatically rotates the target index by appending "-{date}"
+        to the end, so if your pattern was "filebeat-*" you would make the index name "filebeat" in filebeat.yml.<br />
+      </span>
+    </li>
+
+
+    <li ng-if="!installStep.results.pipeline.processors.length">
+      <span>
+        <strong>Configure Filebeat</strong> to send data to Elasticsearch &nbsp;
+        <a target="_blank" href="https://www.elastic.co/guide/en/beats/filebeat/master/elasticsearch-output.html">
+          <i aria-hidden="true" class="fa fa-info-circle"></i> instructions
+        </a><br/>
+        At minimum you'll need to configure Filebeat's Elasticsearch output with a hostname and an index name.
+        Your config should end up looking something like this:<br />
+        <pre>
+output:
+ elasticsearch:
+   hosts: ["your-elasticsearch-host"]
+   index: "your-base-index-name"</pre>
+      <em>NOTE</em>: The Filebeat config takes a base index name and automatically rotates the target index by appending "-{date}"
+      to the end, so if your pattern was "filebeat-*" you would make the index name "filebeat" in filebeat.yml.<br />
+      </span>
+    </li>
+
+    <li>
+      <span>
+        <strong>Run Filebeat</strong> on each server &nbsp;
+        <a target="_blank" href="https://www.elastic.co/guide/en/beats/filebeat/master/_step_5_starting_filebeat.html">
+          <i aria-hidden="true" class="fa fa-info-circle"></i> instructions
+        </a>
+      </span>
+    </li>
+    <li>
+      <span>
+        <strong>Verify your filebeat installation below.</strong> We'll poll your new index pattern for documents and let you know when
+        they show up. If you'd like to skip this step, simply click Done now.
+      </span>
+    </li>
+  </ol>
+</div>
+
+<pattern-checker pattern="installStep.results.indexPattern.id"/>
diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step.js b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step/install_filebeat_step.js
similarity index 67%
rename from src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step.js
rename to src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step/install_filebeat_step.js
index 88282f7469d104..5beefb85db75d2 100644
--- a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step.js
+++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step/install_filebeat_step.js
@@ -1,7 +1,8 @@
 import modules from 'ui/modules';
-import template from 'plugins/kibana/settings/sections/indices/add_data_steps/install_filebeat_step.html';
+import template from './install_filebeat_step.html';
 import 'ui/pattern_checker';
-import { patternToIngest } from '../../../../../common/lib/convert_pattern_and_ingest_name';
+import { patternToIngest } from '../../../../../../common/lib/convert_pattern_and_ingest_name';
+import './styles/_add_data_install_filebeat_step.less';
 
 modules.get('apps/settings')
   .directive('installFilebeatStep', function () {
diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step/styles/_add_data_install_filebeat_step.less b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step/styles/_add_data_install_filebeat_step.less
new file mode 100644
index 00000000000000..e1045ccf0358d8
--- /dev/null
+++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/install_filebeat_step/styles/_add_data_install_filebeat_step.less
@@ -0,0 +1,22 @@
+install-filebeat-step {
+
+  .install-filebeat {
+    > ol {
+      padding-left: 1em;
+
+      > li {
+        padding: 4px 0;
+        font-weight: bold;
+
+        > span {
+          font-weight: normal;
+
+          > pre {
+            margin: 7px 0;
+          }
+        }
+      }
+    }
+  }
+
+}
diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_pipeline_setup.less b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_pipeline_setup.less
index 77a07eaec11a4a..4096b341673f90 100644
--- a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_pipeline_setup.less
+++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/pipeline_setup/styles/_pipeline_setup.less
@@ -50,14 +50,6 @@ pipeline-setup {
     }
   }
 
-  pre {
-    border: none;
-    background-color: @settings-filebeat-wizard-panel-bg;
-    border-radius: 0px;
-    white-space: pre-wrap;
-    margin: 0px;
-  }
-
   .add-processor {
     padding:10px;
     margin-bottom: 10px;
diff --git a/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.html b/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.html
index ebacf1cdc89405..b1a219a0ef4bc2 100644
--- a/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.html
+++ b/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.html
@@ -85,8 +85,8 @@
             ng-disabled="!wizard.stepResults.indexPattern || !wizard.stepResults.indexPattern.id"
                 ng-click="wizard.save()">
           Save
-        </button>
-      </div>
+          </button>
+        </div>
         <div></div>
       </div>
     </div>
@@ -94,13 +94,16 @@
     <div ng-switch-when="3">
       <install-filebeat-step results="wizard.stepResults"></install-filebeat-step>
 
-      <div class="nav-buttons">
-        Click Done to go explore your data
-        <button
-          class="btn btn-primary"
-          ng-click="wizard.nextStep()">
-          Done
-        </button>
+      <div class="wizard-nav-buttons">
+        <div></div>
+        <div>
+          <button
+            class="btn btn-primary"
+            ng-click="wizard.nextStep()">
+            Done
+          </button>
+        </div>
+        <div></div>
       </div>
     </div>
   </div>
diff --git a/src/plugins/kibana/public/settings/sections/indices/filebeat/styles/_filebeat_wizard.less b/src/plugins/kibana/public/settings/sections/indices/filebeat/styles/_filebeat_wizard.less
index aff021f8f119b8..7b8897eaf6f23a 100644
--- a/src/plugins/kibana/public/settings/sections/indices/filebeat/styles/_filebeat_wizard.less
+++ b/src/plugins/kibana/public/settings/sections/indices/filebeat/styles/_filebeat_wizard.less
@@ -50,9 +50,4 @@ filebeat-wizard {
       background-color: @kibanaBlue1;
     }
   }
-  //************* Common Styles? *********************//
-
-  .install-filebeat {
-    padding-bottom: 1em;
-  }
 }
diff --git a/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less b/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less
index 95d513f6da7708..9bcf89c2733605 100644
--- a/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less
+++ b/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less
@@ -50,10 +50,6 @@
   padding-bottom: 14px;
 }
 
-.nav-buttons {
-  float: right;
-}
-
 .wizard-nav-buttons {
   display: flex;
   float: none;
@@ -76,6 +72,14 @@
   }
 }
 
+pre {
+  border: none;
+  background-color: @settings-filebeat-wizard-panel-bg;
+  border-radius: 0px;
+  white-space: pre-wrap;
+  margin: 0px;
+}
+
 .paste-samples {
   textarea {
     width: 100%;
diff --git a/src/ui/public/pattern_checker/pattern_checker.html b/src/ui/public/pattern_checker/pattern_checker.html
index ba9d627f62c1d3..1ae4f725400bb3 100644
--- a/src/ui/public/pattern_checker/pattern_checker.html
+++ b/src/ui/public/pattern_checker/pattern_checker.html
@@ -1,2 +1,2 @@
 <span class="spinner"></span>
-Querying {{checker.pattern}}... {{checker.resultCount}} results
+<pre>Querying {{checker.pattern}}... {{checker.resultCount}} results</pre>

From c04fbe6998de34a520ba596bc48bb7d72d22b425 Mon Sep 17 00:00:00 2001
From: Matthew Bargar <mbargar@gmail.com>
Date: Fri, 29 Apr 2016 15:02:13 -0400
Subject: [PATCH 6/8] Improved less variables

---
 .../sections/indices/styles/_add_data_wizard.less      | 10 +++++-----
 src/ui/public/styles/variables/colors.less             |  1 +
 src/ui/public/styles/variables/for-theme.less          |  9 ++++++---
 3 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less b/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less
index 9bcf89c2733605..a62ec90ab1e35a 100644
--- a/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less
+++ b/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less
@@ -10,8 +10,8 @@
   }
 
   .form-control {
-    background-color: #f5fafb;
-    border-color: @kibanaBlue3;
+    background-color: @settings-add-data-wizard-form-control-bg;
+    border-color: @settings-add-data-wizard-form-control-border;
     border-width: 1px;
     border-radius: 4px;
   }
@@ -24,17 +24,17 @@
     font-size: 1.3em;
     padding: 6px 18px;
     margin: 0 2px;
-    background-color: @settings-add-data-wizard-step-heading-complete-background;
+    background-color: @settings-add-data-wizard-step-heading-complete-bg;
     color: @settings-add-data-wizard-step-heading-complete-color;
 
     &.active {
       cursor: default;
-      background-color: @settings-add-data-wizard-step-heading-active-background;
+      background-color: @settings-add-data-wizard-step-heading-active-bg;
       color: @settings-add-data-wizard-step-heading-active-color;
     }
     &.aheadActive {
       cursor: default;
-      background-color: @settings-add-data-wizard-step-heading-incomplete-background;
+      background-color: @settings-add-data-wizard-step-heading-incomplete-bg;
       color: @settings-add-data-wizard-step-heading-incomplete-color;
     }
   }
diff --git a/src/ui/public/styles/variables/colors.less b/src/ui/public/styles/variables/colors.less
index d4dcdfb7123d97..8f612335d37fba 100644
--- a/src/ui/public/styles/variables/colors.less
+++ b/src/ui/public/styles/variables/colors.less
@@ -48,6 +48,7 @@
 @kibanaBlue3:                           #6EADC1;
 @kibanaBlue4:                           #9DD0E0;
 @kibanaBlue5:                           #CEE8F0;
+@kibanaBlue6:                           #f5fafb;
 
 @kibanaGreen1:                          #80C383;
 @kibanaGreen2:                          #AEE8B0;
diff --git a/src/ui/public/styles/variables/for-theme.less b/src/ui/public/styles/variables/for-theme.less
index 591683378bd66a..90a8e5f2ef5d79 100644
--- a/src/ui/public/styles/variables/for-theme.less
+++ b/src/ui/public/styles/variables/for-theme.less
@@ -121,14 +121,17 @@
 @settings-indices-active-color: @btn-success-bg;
 
 // Settings - Add Data Wizard
-@settings-add-data-wizard-step-heading-active-background: @kibanaYellow2;
-@settings-add-data-wizard-step-heading-complete-background: @kibanaBlue5;
-@settings-add-data-wizard-step-heading-incomplete-background: @kibanaGray5;
+@settings-add-data-wizard-step-heading-active-bg: @kibanaYellow2;
+@settings-add-data-wizard-step-heading-complete-bg: @kibanaBlue5;
+@settings-add-data-wizard-step-heading-incomplete-bg: @kibanaGray5;
 
 @settings-add-data-wizard-step-heading-active-color: @kibanaGray1;
 @settings-add-data-wizard-step-heading-complete-color: @kibanaBlue2;
 @settings-add-data-wizard-step-heading-incomplete-color: @kibanaGray2;
 
+@settings-add-data-wizard-form-control-bg: @kibanaBlue6;
+@settings-add-data-wizard-form-control-border: @kibanaBlue3;
+
 // Settings - Add Data Wizard - Pipeline Setup =================================
 @settings-filebeat-wizard-panel-bg: @kibanaGray6;
 @settings-filebeat-wizard-processor-select-bg: @kibanaBlue5;

From 1643607b25977419d753d69e49631c5081364e31 Mon Sep 17 00:00:00 2001
From: Matthew Bargar <mbargar@gmail.com>
Date: Fri, 29 Apr 2016 15:09:54 -0400
Subject: [PATCH 7/8] move common styles up one level so they apply to all
 wizards

---
 .../filebeat/directives/filebeat_wizard.js    |  1 -
 .../filebeat/styles/_filebeat_wizard.less     | 53 -------------------
 .../indices/styles/_add_data_wizard.less      | 47 ++++++++++++++++
 3 files changed, 47 insertions(+), 54 deletions(-)
 delete mode 100644 src/plugins/kibana/public/settings/sections/indices/filebeat/styles/_filebeat_wizard.less

diff --git a/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.js b/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.js
index 412348b5bee3ff..6de8287171bfff 100644
--- a/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.js
+++ b/src/plugins/kibana/public/settings/sections/indices/filebeat/directives/filebeat_wizard.js
@@ -6,7 +6,6 @@ import 'plugins/kibana/settings/sections/indices/add_data_steps/paste_samples_st
 import 'plugins/kibana/settings/sections/indices/add_data_steps/pipeline_setup';
 import 'plugins/kibana/settings/sections/indices/add_data_steps/install_filebeat_step';
 import '../../styles/_add_data_wizard.less';
-import '../styles/_filebeat_wizard.less';
 
 // wrapper directive, which sets up the breadcrumb for all filebeat steps
 modules.get('apps/settings')
diff --git a/src/plugins/kibana/public/settings/sections/indices/filebeat/styles/_filebeat_wizard.less b/src/plugins/kibana/public/settings/sections/indices/filebeat/styles/_filebeat_wizard.less
deleted file mode 100644
index 7b8897eaf6f23a..00000000000000
--- a/src/plugins/kibana/public/settings/sections/indices/filebeat/styles/_filebeat_wizard.less
+++ /dev/null
@@ -1,53 +0,0 @@
-@import (reference) "~ui/styles/variables";
-@import (reference) "~ui/styles/mixins";
-@import (reference) "~ui/styles/theme";
-
-filebeat-wizard {
-  //************* Common Styles? *********************//
-  .btn-primary.collapser {
-    background-color: transparent;
-
-    &:hover {
-      background-color: transparent;
-    }
-  }
-
-  button.collapser {
-    i {
-      color: @kibanaBlue3;
-      font-size: 1.5em;
-    }
-
-    &:hover {
-      i {
-        color: @kibanaBlue1;
-      }
-    }
-  }
-
-  h2 {
-    font-size: 1.5em;
-    margin-bottom: 15px;
-
-    em {
-      font-style: normal;
-      color: @kibanaPink1;
-    }
-  }
-
-  .btn-primary {
-    &:hover {
-      background-color: @kibanaBlue1;
-    }
-  }
-
-  .btn-secondary {
-    background-color: white;
-    border-color: @kibanaBlue3;
-    color: @kibanaBlue3;
-
-    &:hover {
-      background-color: @kibanaBlue1;
-    }
-  }
-}
diff --git a/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less b/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less
index a62ec90ab1e35a..1eaa3733b7da63 100644
--- a/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less
+++ b/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less
@@ -5,6 +5,53 @@
 .wizard-container {
   padding: 0 10px;
 
+  .btn-primary.collapser {
+    background-color: transparent;
+
+    &:hover {
+      background-color: transparent;
+    }
+  }
+
+  button.collapser {
+    i {
+      color: @kibanaBlue3;
+      font-size: 1.5em;
+    }
+
+    &:hover {
+      i {
+        color: @kibanaBlue1;
+      }
+    }
+  }
+
+  h2 {
+    font-size: 1.5em;
+    margin-bottom: 15px;
+
+    em {
+      font-style: normal;
+      color: @kibanaPink1;
+    }
+  }
+
+  .btn-primary {
+    &:hover {
+      background-color: @kibanaBlue1;
+    }
+  }
+
+  .btn-secondary {
+    background-color: white;
+    border-color: @kibanaBlue3;
+    color: @kibanaBlue3;
+
+    &:hover {
+      background-color: @kibanaBlue1;
+    }
+  }
+
   .form-group {
     margin-bottom: 5px;
   }

From aafa61195e56a3c6cf5645031bc16e65769ad7aa Mon Sep 17 00:00:00 2001
From: Matthew Bargar <mbargar@gmail.com>
Date: Fri, 29 Apr 2016 15:14:38 -0400
Subject: [PATCH 8/8] Move paste samples step styles to their own file

---
 .../add_data_steps/paste_samples_step/paste_samples_step.js | 1 +
 .../styles/_add_data_paste_samples_step.less                | 6 ++++++
 .../settings/sections/indices/styles/_add_data_wizard.less  | 6 ------
 3 files changed, 7 insertions(+), 6 deletions(-)
 create mode 100644 src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/styles/_add_data_paste_samples_step.less

diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/paste_samples_step.js b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/paste_samples_step.js
index ad85bc6b21ddd3..35acb814993e04 100644
--- a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/paste_samples_step.js
+++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/paste_samples_step.js
@@ -1,6 +1,7 @@
 import modules from 'ui/modules';
 import template from './paste_samples_step.html';
 import _ from 'lodash';
+import './styles/_add_data_paste_samples_step.less';
 
 modules.get('apps/settings')
   .directive('pasteSamplesStep', function () {
diff --git a/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/styles/_add_data_paste_samples_step.less b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/styles/_add_data_paste_samples_step.less
new file mode 100644
index 00000000000000..ac0d1f2b8e3713
--- /dev/null
+++ b/src/plugins/kibana/public/settings/sections/indices/add_data_steps/paste_samples_step/styles/_add_data_paste_samples_step.less
@@ -0,0 +1,6 @@
+.paste-samples {
+  textarea {
+    width: 100%;
+    height: 250px;
+  }
+}
diff --git a/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less b/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less
index 1eaa3733b7da63..e8354811ae026b 100644
--- a/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less
+++ b/src/plugins/kibana/public/settings/sections/indices/styles/_add_data_wizard.less
@@ -127,9 +127,3 @@ pre {
   margin: 0px;
 }
 
-.paste-samples {
-  textarea {
-    width: 100%;
-    height: 250px;
-  }
-}