snapshot: Remove unnecessary column sizing

- Implement button-table class for tables with buttons about them.

Signed-off-by: Manish Tripathy <manisht@thougtworks.com>
Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>

plinth/modules/snapshot/templates/snapshot_delete.html

@@ -26,8 +26,6 @@
 
   <p>{% trans "Delete this snapshot permanently?" %}</p>
 
-  <div class="row">
-    <div class="col-lg-12">
   <table class="table table-bordered table-condensed table-striped">
     <thead>
       <th>{% trans "Number" %}</th>
@@ -42,8 +40,6 @@
       </tr>
     </tbody>
   </table>
-    </div>
-  </div>
 
   <p>
     <form class="form" method="post">

plinth/modules/snapshot/templates/snapshot_delete_all.html

@@ -26,8 +26,6 @@
 
   <p>{% trans "Delete the following snapshots permanently?" %}</p>
 
-  <div class="row">
-    <div class="col-lg-12">
   <table class="table table-bordered table-condensed table-striped">
     <thead>
       <th>{% trans "Number" %}</th>
@@ -46,8 +44,6 @@
       {% endfor %}
     </tbody>
   </table>
-    </div>
-  </div>
 
   <p>
     <form class="form" method="post">

plinth/modules/snapshot/templates/snapshot_manage.html

@@ -23,8 +23,9 @@
 
 {% block content %}
   {% block configuration %}
-    <p>
-      <div class="row">
+    <div class="button-table">
+
+      <div class="button-row row">
         <form class="form" method="post">
           {% csrf_token %}
           <div class="col-xs-6 text-left">
@@ -44,11 +45,7 @@
           </a>
         </div>
       </div>
-    </p>
 
-
-    <div class="row">
-      <div class="col-lg-12">
       <table class="table table-bordered table-condensed table-striped">
         <thead>
           <th>{% trans "Number" %}</th>
@@ -98,8 +95,7 @@
           {% endfor %}
         </tbody>
       </table>
-      </div>
-    </div>
 
+    </div>
   {% endblock %}
 {% endblock %}

plinth/modules/snapshot/templates/snapshot_rollback.html

@@ -34,8 +34,6 @@
     {% endblocktrans %}
   </p>
 
-  <div class="row">
-    <div class="col-lg-12">
   <table class="table table-bordered table-condensed table-striped">
     <thead>
       <th>{% trans "Number" %}</th>
@@ -50,8 +48,6 @@
       </tr>
     </tbody>
   </table>
-    </div>
-  </div>
 
   <p>
     <form class="form" method="post">

static/themes/default/css/plinth.css

@@ -280,3 +280,8 @@ a.menu_link_active {
     height: 100px;
     font-size: 80px
 }
+
+/* Button table - Tables with a list of actions as buttons on top */
+.button-table > .button-row + .table {
+    margin-top: 10px;
+}