[Index pattern creation] Move the error message to below the input fi…

…eld (#11801) * Move the error message to below the input field, resolves #11410 * Update to match HTML styleguide
elastic · May 16, 2017 · c2319d5 · c2319d5
1 parent 0f87295
commit c2319d5
Showing 1 changed file with 13 additions and 8 deletions.
diff --git a/.../kibana/public/management/sections/indices/create_index_pattern/create_index_pattern.html b/.../kibana/public/management/sections/indices/create_index_pattern/create_index_pattern.html
@@ -44,6 +44,19 @@
               >
             </div>
 
+            <!-- Input error text -->
+            <div
+              class="kuiVerticalRhythm"
+              ng-if="controller.fetchFieldsError"
+            >
+              <p class="kuiText">
+                <span class="kuiStatusText kuiStatusText--error">
+                  <span class="kuiStatusText__icon kuiIcon fa-warning"></span>
+                  {{controller.fetchFieldsError}}
+                </span>
+              </p>
+            </div>
+
             <!-- Input help text -->
             <div class="kuiVerticalRhythm">
               <p
@@ -340,14 +353,6 @@
           >
             <span
               ng-hide="form.name.$error.indexNameInput"
-              ng-if="controller.fetchFieldsError"
-            >
-              {{controller.fetchFieldsError}}
-            </span>
-
-            <span
-              ng-hide="form.name.$error.indexNameInput"
-              ng-if="!controller.fetchFieldsError"
               translate="KIBANA-CREATE"
             ></span>