From 08e89bec1396a2437b949a2549aeb918ba2df968 Mon Sep 17 00:00:00 2001
From: Alexis Lahouze <xals@lahouze.org>
Date: Tue, 18 Aug 2015 16:04:37 +0200
Subject: [PATCH] Format, change control size.

---
 .../frontend/static/templates/entries.html    | 35 +++++++++++++------
 1 file changed, 24 insertions(+), 11 deletions(-)

diff --git a/accountant/frontend/static/templates/entries.html b/accountant/frontend/static/templates/entries.html
index 09afc86..ad5f12a 100644
--- a/accountant/frontend/static/templates/entries.html
+++ b/accountant/frontend/static/templates/entries.html
@@ -15,8 +15,8 @@
     along with Accountant.  If not, see <http://www.gnu.org/licenses/>.
 -->
 <!-- vim: set tw=80 ts=2 sw=2 sts=2: -->
-<!-- Chart row -->
 <div>
+  <!-- Chart row -->
   <div class="row">
     <!-- Sold evolution chart placeholder -->
     <highchart id="sold-chart" config="soldChartConfig" class="col-md-8"></highchart>
@@ -33,7 +33,7 @@
 
   <!-- Row with entry table -->
   <div class="row">
-    <table class="table table-condensed table-hover">
+    <table class="table table-striped table-condensed table-hover">
       <!-- Head of the table containing column headers and size -->
       <thead>
         <tr>
@@ -41,31 +41,40 @@
           <th>Libell&eacute; de l'op&eacute;ration</th>
           <th class="col-md-1">Montant</th>
           <th class="col-md-1">Solde</th>
-          <th class="col-md-3">Cat&eacute;gorie</th>
-          <th class="col-md-2">Actions</th>
+          <th class="col-md-2">Cat&eacute;gorie</th>
+          <th class="col-md-1">Actions</th>
         </tr>
       </thead>
 
       <!-- Body of the table containing the entries -->
       <tbody>
         <!-- Row for an editing entry. -->
-        <tr id="{{entry.id}}" class="form-inline"
+        <tr id="{{ entry.id }}" class="form-inline"
           ng-class="{stroke: entry.canceled, italic: !entry.confirmed, warning: entry.sold < 0, danger: entry.sold < account.authorized_overdraft}"
           ng-repeat="entry in entries">
           <td>
-            <span editable-text="entry.operation_date" e-data-date-format="yyyy-MM-dd" e-bs-datepicker e-class="input-sm" e-form="rowform" e-required>
+            <span editable-text="entry.operation_date"
+              e-data-date-format="yyyy-MM-dd" e-bs-datepicker
+              e-class="input-sm" e-style="width: 100%"
+              e-name="operation_date" e-form="rowform" e-required>
               <small>{{ entry.operation_date | date:"yyyy-MM-dd" }}</small>
             </span>
           </td>
 
           <td>
-            <span editable-text="entry.label" e-class="input-sm" e-placeholder="Libélé de l'opération" e-name="label" e-form="rowform" e-required>
+            <span editable-text="entry.label"
+              e-style="width: 100%"
+              e-placeholder="Libellé de l'opération"
+              e-class="input-sm" e-style="width: 100%"
+              e-name="label" e-form="rowform" e-required>
               <small>{{ entry.label }}</small>
             </span>
           </td>
 
           <td>
-            <span editable-number="entry.value" e-class="input-sm" e-name="value" e-form="rowform" e-required>
+            <span editable-number="entry.value"
+              e-class="input-sm" e-style="width: 100%"
+              e-name="value" e-form="rowform" e-required>
               <small>{{ entry.value }}</small>
             </span>
           </td>
@@ -75,14 +84,18 @@
           </td>
 
           <td>
-            <span editable-text="entry.category" e-class="input-sm" e-placeholder="Catégorie" e-form="rowform" e-required>
+            <span editable-text="entry.category"
+              e-placeholder="Catégorie"
+              e-class="input-sm" e-style="width: 100%"
+              e-name="category" e-form="rowform" e-required>
               <small>{{ entry.category }}</small>
             </span>
           </td>
 
           <td>
-            <form editable-form name="rowform" onbeforesave="saveEntry($data, $index)" shown="entry == inserted">
-              <!-- new row buttons -->
+            <form editable-form name="rowform"
+              onbeforesave="saveEntry($data, $index)"
+              shown="entry == inserted">
               <div class="btn-group">
                 <!-- Save current entry, for editing and non-confirmed non-canceled entries  -->
                 <button type="submit" class="btn btn-xs btn-success"