Add some styles to the table

Author: punkstar

app/design/adminhtml/default/default/template/meanbee/cacheviewer/report.phtml

@@ -23,18 +23,20 @@
     </table>
 </div>
 
-<table class="cacheview-report" id="cacheview-report">
-    <thead>
-        <tr>
+<div class="grid">
+    <table class="cacheview-report data" id="cacheview-report">
+        <thead>
+        <tr class="headings">
             <th>Cache ID</th>
             <th>Last Modified</th>
             <th>Expires</th>
             <th>Lifetime</th>
             <th>Size</th>
             <th>Tags</th>
+            <th>Actions</th>
         </tr>
-    </thead>
-    <tbody>
+        </thead>
+        <tbody>
         <?php $now = time() ?>
         <?php foreach ($this->getCacheItems() as $item): ?>
             <?php /** @var Meanbee_CacheViewer_Model_CacheItemInfo $item */ ?>
@@ -54,8 +56,9 @@
                 <td colspan="7" class="code" style="display: none;">Loading..</td>
             </tr>
         <?php endforeach ?>
-    </tbody>
-</table>
+        </tbody>
+    </table>
+</div>
 
 <script type="text/javascript">
     function loadCacheData(cache_id, cache_view_id) {

skin/adminhtml/default/default/meanbee/cacheviewer/report.css

@@ -1,7 +1,3 @@
-.cacheview-report td, .cacheview-report th {
-    padding: 2px;
-}
-
 .cacheview-report .code {
     font-family: consolas, "courier new", courier;
     background: #eee;
@@ -18,11 +14,12 @@
 }
 
 .cacheview-report .col-actions, .cacheview-report .col-modified, .cacheview-report .col-expires {
-    min-width: 200px;
+    padding: 0 2px;
+    white-space: nowrap;
 }
 
 .cacheview-report .col-actions {
-    text-align: right;
+    text-align: center;
 }
 
 .cacheview-report tr:hover {