HAWKULAR-67 CSS changes need for organizations

hawkular · Oct 2, 2015 · 5b7c4ee · 5b7c4ee
1 parent df3f74c
commit 5b7c4ee
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 6 deletions.
diff --git a/console/src/main/scripts/plugins/accounts/html/organizations.html b/console/src/main/scripts/plugins/accounts/html/organizations.html
@@ -35,8 +35,8 @@ <h2>You cannot create an organization.</h2>
   <div class="text-right" ng-show="organizations.length && !loading">
     <button class="btn btn-primary" type="button" role="button" ng-click="showCreateForm()">Create Organization</button>
   </div>
-  <div ng-show="organizations.length && !loading">
-    <table class="table table-striped table-bordered hk-table-clean">
+  <div class="hk-table-container" ng-show="organizations.length && !loading">
+    <table class="table table-bordered hk-table-clean">
       <thead>
         <tr>
           <th>Name</th>

diff --git a/console/src/main/scripts/plugins/accounts/less/accounts.less b/console/src/main/scripts/plugins/accounts/less/accounts.less
@@ -19,6 +19,11 @@
 @import "../../../libs/patternfly/components/bootstrap/less/mixins.less";
 @import "../../../libs/patternfly/less/variables.less";
 
+
+/*------------------------------------*\
+    SCREEN COMPONENTS
+\*------------------------------------*/
+
 #idle {
   background: none repeat scroll 0 0 #cc5100;
   color: #ffffff;
@@ -41,3 +46,14 @@ body.inactivity-modal-open #main, body.inactivity-modal-open .navbar, body.inact
   color: @gray-light;
   font-size: ceil(@font-size-base * 4);
 }
+
+
+/*------------------------------------*\
+    SCREENS
+\*------------------------------------*/
+
+// Organizations screen
+
+.hk-organizations .text-right .btn-primary {
+  margin-bottom: @grid-gutter-width/4;
+}
diff --git a/console/src/main/scripts/plugins/metrics/less/metrics.less b/console/src/main/scripts/plugins/metrics/less/metrics.less
@@ -105,6 +105,10 @@ a:hover {
   cursor: pointer;
 }
 
+.hk-spinner-container-alone {
+  margin-top: @grid-gutter-width*5.5;
+}
+
 
 // Alerts
 
@@ -1229,6 +1233,8 @@ a:hover .fa-spinner {
 }
 
 .hk-table-container {
+  background-color: white;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
   position: relative;
 
   .hk-actions-table {
@@ -1245,10 +1251,8 @@ a:hover .fa-spinner {
   }
 }
 
-.hk-table-alerts {
-
-  background-color: white;
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+.hk-table-alerts,
+.hk-table-clean {
 
   &.hk-alerts-contextual {
     border-left: none;