Merge ~andreserl/maas:zones_tab_remove_subtitle into maas:master

[Andres Rodriguez]

Remove the subtitle as it is redundant and doesn't match patterns.

Also properly add the loading text on the top header, as all other pages, and move the tooltip to the top header.

3fab351... by Andres Rodriguez on 2018-03-30

Correctly add the loading text

e37b0e0... by Andres Rodriguez on 2018-03-30

Update tooltip

5366841... by Andres Rodriguez on 2018-03-30

Remove unnecessary whitespaces

[Andres Rodriguez (andreserl)]

Selfie, as this is fairly straightforward.

review: Approve

diff --git a/src/maasserver/static/partials/zones-list.html b/src/maasserver/static/partials/zones-list.html
index 446136b..997e36d 100755
--- a/src/maasserver/static/partials/zones-list.html
+++ b/src/maasserver/static/partials/zones-list.html
@@ -2,6 +2,13 @@
     <div class="row">
         <div class="col-8">
             <h1 class="page-header__title">Availability zones</h1>
+            <span class="page-header__status p-tooltip p-tooltip--btm-left">
+                    <i class="p-icon--help">Help:</i>
+                    <span class="p-tooltip__message" role="tooltip">A representation of a grouping of nodes, typically by physical location.</span>
+            </span>
+            <p class="page-header__status" data-ng-show="loading">
+                <i class="p-icon--spinner u-animation--spin"></i> Loading...
+            </p>
             <p class="page-header__status" data-ng-show="!loading"><ng-pluralize data-ng-hide="loading" count="zones.length"
                         when="{'one': '{$ zones.length $} AZ available', 'other': '{$ zones.length $} AZs available '}"></ng-pluralize></p>
         </div>
@@ -34,18 +41,6 @@
 </header>
 <section class="p-strip">
     <div class="row">
-        <div class="col-12 ng-hide u-equal-height" data-ng-show="!loading">
-            <h2 class="u-float--left">Availability zones</h2>&nbsp;&nbsp;
-
-            <span class="u-vertically-center u-no-margin--top">
-                <span class="p-tooltip p-tooltip--btm-left">
-                    <i class="p-icon--help u-hide u-show--large u-no-margin--right">Help:</i>
-                    <span class="p-tooltip__message" role="tooltip">A representation of a grouping of nodes, typically by physical location.</span>
-                </span>
-            </span>
-        </div>
-    </div>
-    <div class="row">
         <!-- Spaces grouped table -->
         <table class="table-listing">
             <thead>