Merge "Containers/Swift has unneccesary padding"

horizon/static/framework/widgets/table/hz-dynamic-table.html

@@ -28,7 +28,10 @@
         -->
         <tr>
           <th ng-show="config.selectAll" class="multi_select_column">
-            <input type="checkbox" hz-select-all="items">
+            <div class="themable-checkbox">
+              <input type="checkbox" id="hz-table-select-all" hz-select-all="items">
+              <label for="hz-table-select-all"></label>
+            </div>
           </th>
           <th ng-show="config.expand" class="expander"></th>
           <th ng-repeat="column in config.columns"
@@ -51,9 +54,13 @@
             ng-class="{'st-selected': checked[item[config.trackId]]}">
 
           <td ng-show="config.selectAll" class="multi_select_column">
-            <input type="checkbox"
-              ng-model="tCtrl.selections[item[config.trackId]].checked"
-              hz-select="item">
+            <div class="themable-checkbox">
+              <input type="checkbox"
+                     id="{$ item[config.trackId] $}"
+                     ng-model="tCtrl.selections[item[config.trackId]].checked"
+                     hz-select="item">
+              <label for="{$ item[config.trackId] $}"></label>
+            </div>
           </td>
           <td ng-show="config.expand" class="expander">
             <span class="fa fa-chevron-right"

openstack_dashboard/dashboards/project/static/dashboard/project/containers/_containers.scss

@@ -91,6 +91,15 @@
       content: ":";
     }
   }
+
+  &,
+  & > li {
+    margin-top: 0;
+  }
+}
+
+.hz-object-empty {
+  margin-top: 0;
 }
 
 .hz-object-detail {

openstack_dashboard/dashboards/project/static/dashboard/project/containers/create-container-modal.html

@@ -25,10 +25,10 @@
           </div>
           <div class="form-group">
             <label class="control-label" translate>Container Access</label>
-            <div>
+            <div class="themable-checkbox">
+              <input type="checkbox" ng-model="ctrl.model.public"
+                     name="public" checked id="id_public">
               <label for="id_public">
-                <input type="checkbox" ng-model="ctrl.model.public"
-                        name="public" checked id="id_public">
                 <span translate>Public</span>
               </label>
             </div>

openstack_dashboard/dashboards/project/static/dashboard/project/containers/select-container.html

@@ -1,7 +1,6 @@
-<table class="table table-bordered tablestriped">
-  <tbody>
-    <tr class="odd empty">
-      <td><translate>Select a container to browse.</translate></td>
-    </tr>
-  </tbody>
-</table>
+<div>
+  <div class="well text-center h4 hz-object-empty">
+    <span class="fa fa-info-circle"></span>
+    <span translate>Select a container to browse.</span>
+  </div>
+</div>

openstack_dashboard/themes/material/static/horizon/_icons.scss

@@ -44,6 +44,7 @@ $icon-swap: (
   folder-o: 'folder-outline',
   group: 'account-multiple',
   home: 'home',
+  info-circle: 'information-outline',
   link: 'link-variant',
   list-alt: 'view-list',
   minus: 'minus',