From 29aed748ba944e63a935e081b33bd594892a6fbf Mon Sep 17 00:00:00 2001
From: shu-mutou <shu-mutou@rf.jp.nec.com>
Date: Thu, 10 Mar 2016 11:34:37 +0900
Subject: [PATCH] Fix styles of table views

We should fix following styles in table views for Mitaka Horizon.
This patch fixes these styles according to following html file in
patch.

/openstack_dashboard/static/app/core/images/table/images-table.html
https://review.openstack.org/#/c/246625/

Change-Id: I5061384da3ef94c31f4a3fd4cfab847d2a6852fe
---
 .../dashboard/project/queues/table/table.html | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/zaqar_ui/static/dashboard/project/queues/table/table.html b/zaqar_ui/static/dashboard/project/queues/table/table.html
index 26f4b1c..8ad20d5 100644
--- a/zaqar_ui/static/dashboard/project/queues/table/table.html
+++ b/zaqar_ui/static/dashboard/project/queues/table/table.html
@@ -6,7 +6,7 @@
   st-safe-src="table.queuesSrc"
   default-sort="name"
   default-sort-reverse="false"
-  class="table-striped table-rsp table-detail modern">
+  class="table table-striped table-rsp table-detail">
 
   <thead>
 
@@ -16,7 +16,7 @@
         This is where batch actions like searching, creating, and deleting.
       -->
       <th colspan="100" class="search-header">
-        <hz-search-bar group-classes="input-group-sm" icon-classes="fa-search">
+        <hz-search-bar group-classes="input-group" icon-classes="fa-search">
           <actions allowed="table.resourceType.batchActions" type="batch">
           </actions>
         </hz-search-bar>
@@ -28,7 +28,7 @@
       The headers for the table columns
     -->
     <tr>
-      <th class=select-col>
+      <th class="multi_select_column">
         <input type="checkbox" hz-select-all="table.queues">
       </th>
       <th class="expander"></th>
@@ -36,7 +36,7 @@
       <th class="rsp-p1" st-sort="metadata" translate>Claimed Messages</th>
       <th class="rsp-p2" st-sort="metadata" translate>Free Messages</th>
       <th class="rsp-p1" st-sort="metadata" translate>Total Messages</th>
-      <th class="action-col" translate>Actions</th>
+      <th class="actions_column" translate>Actions</th>
     </tr>
   </thead>
   <tbody>
@@ -51,7 +51,7 @@
     -->
     <tr ng-repeat-start="q in table.queuesSrc track by q.id">
 
-      <td class="select-col">
+      <td class="multi_select_column">
         <input type="checkbox"
           ng-model="tCtrl.selections[q.id].checked"
           hz-select="q">
@@ -66,7 +66,7 @@
       <td class="rsp-p1">{$ q.claimed $}</td>
       <td class="rsp-p2">{$ q.free $}</td>
       <td class="rsp-p1">{$ q.total $}</td>
-      <td class="action-col">
+      <td class="actions_column">
         <!--
           Table-row-action-column:
           Actions taken here applies to a single item/row.
@@ -95,18 +95,20 @@
             it will appear in the drawer when user resizes the window.
           -->
           <span class="rsp-alt-p2">
-            <dl class="col-sm-2">
+            <dl class="col-sm-12">
               <dt translate>Free Messages</dt>
               <dd>{$ q.free $}</dd>
             </dl>
           </span>
 
+        </div>
+
+        <div class="row">
           <!-- additional unimportant metadata can be place here -->
-          <dl class="col-sm-2">
+          <dl class="col-sm-12">
             <dt translate>Metadata</dt>
             <dd>{$ q.metadata $}</dd>
           </dl>
-
         </div>
       </td>
     </tr>