Fix table columns alignment for numerals and dates (#1263)

* Fix table columns alignment for numerals and dates

Closes #1220

I have added the css for sligning table columns with numeral to the
right and table columns with date to the center

* Update fix table columns assignment

Add updated CSS for numerals and dates in the tables across the views

Resolves #1220

* Fix the leftout views' table for proper indent

* Fix typo in donations index and fix order in purchases row

Author: anshulxyz

app/assets/stylesheets/application.scss

@@ -42,3 +42,11 @@
   }
   thead {background: $light-grey}
 }
+
+table .numeric {
+  text-align: right;
+}
+
+table .date {
+  text-align: center;
+}

app/views/adjustments/index.html.erb

@@ -53,7 +53,7 @@
             <table class="table table-hover striped">
               <thead>
                 <tr>
-                  <th>Created</th>
+                  <th class="date">Created</th>
                   <th>Organization</th>
                   <th>Storage location</th>
                   <th>Comment</th>
@@ -64,7 +64,7 @@
               <tbody>
                 <% @paginated_adjustments.each do |adjustment| %>
                   <tr>
-                    <td><time datetime="<%= adjustment.created_at %>"><%= adjustment.created_at.strftime("%B %e, %Y") %></time></td>
+                    <td class="date"><time datetime="<%= adjustment.created_at %>"><%= adjustment.created_at.strftime("%B %e, %Y") %></time></td>
                     <td><%= adjustment.organization.name %></td>
                     <td><%= adjustment.storage_location.name %></td>
                     <td><%= adjustment.comment %></td>

app/views/adjustments/show.html.erb

@@ -40,13 +40,13 @@
     <tr>
       <th>&nbsp;</th>
       <th>Item</th>
-      <th>Quantity</th>
+      <th class="numeric">Quantity</th>
     </tr>
   <% @adjustment.line_items.each do |line_item|  %>
     <tr class="<%= line_item.quantity > 0 ? "positive" : "negative" %>">
       <td><%= (line_item.quantity > 0) ? "Added " : "Removed " %></td>
       <td><%= line_item.item.name %></td>
-      <td><%= line_item.quantity.abs %></td>
+      <td class="numeric"><%= line_item.quantity.abs %></td>
     </tr>
   <% end %>
     </table>

app/views/admin/barcode_items/_barcode_item_row.html.erb

@@ -1,7 +1,7 @@
 <tr>
   <td><%= barcode_item_row.barcodeable.name %></td>
-  <td><%= barcode_item_row.quantity %></td>
-  <td><%= barcode_item_row.value %></td>
+  <td class="numeric"><%= barcode_item_row.quantity %></td>
+  <td class="numeric"><%= barcode_item_row.value %></td>
   <td class="text-right">
   		<%= link_to "View", admin_barcode_item_path(barcode_item_row), class: "btn btn-primary btn-xs" %>
       <%= link_to edit_admin_barcode_item_path(barcode_item_row), class: "btn btn-info btn-xs" do %>

app/views/admin/barcode_items/index.html.erb

@@ -48,8 +48,8 @@
               <thead>
                 <tr>
                   <th>Item Type</th>
-                  <th>Quantity in the Box</th>
-                  <th>Barcode</th>
+                  <th class="numeric">Quantity in the Box</th>
+                  <th class="numeric">Barcode</th>
                   <th class="pull-right">Actions</th>
                 </tr>
               </thead>

app/views/admin/organizations/_organization_row.html.erb

@@ -1,7 +1,7 @@
 <tr class="<%= organization_row.short_name %>">
   <td><%= organization_row.name %></td>
   <td><%= link_to organization_row.email, "mailto:#{organization_row.email}" %></td>
-  <td><%= organization_row.created_at.strftime("%F") %></td>
+  <td class="date"><%= organization_row.created_at.strftime("%F") %></td>
   <td class="text-right">
       <%= view_button_to admin_organization_path(organization_row.id) %>
       <%= edit_button_to edit_admin_organization_path(organization_row.id) %>

app/views/admin/organizations/index.html.erb

@@ -31,7 +31,7 @@
               <tr>
                 <th>Organization</th>
                 <th>Contact E-mail</th>
-                <th>Added On</th>
+                <th class="date">Added On</th>
                 <th class="text-right">Actions</th>
               </tr>
               </thead>

app/views/audits/index.html.erb

@@ -47,7 +47,7 @@
             <table class="table table-hover striped">
               <thead>
               <tr>
-                <th>Created</th>
+                <th class="date">Created</th>
                 <th>Organization</th>
                 <th>Storage location</th>
                 <th>Summary</th>
@@ -58,7 +58,7 @@
               <tbody>
               <% @audits.each do |audit| %>
                 <tr class="<%= (audit.finalized?) ? 'positive' : (audit.in_progress?) ? 'negative' : 'highlight' %>">
-                  <td><time datetime="<%= audit.created_at %>"><%= audit.created_at.strftime("%B %e, %Y") %></time></td>
+                  <td class="date"><time datetime="<%= audit.created_at %>"><%= audit.created_at.strftime("%B %e, %Y") %></time></td>
                   <td><%= audit.organization.name %></td>
                   <td><%= audit.storage_location.name %></td>
                   <td><%= pluralize(audit.line_items.count, 'item') %></td>

app/views/barcode_items/_barcode_item_row.html.erb

@@ -1,7 +1,7 @@
 <tr>
   <td><%= barcode_item_row.barcodeable.name %></td>
-  <td><%= barcode_item_row.quantity %></td>
-  <td><%= barcode_item_row.value %></td>
+  <td class=numeric><%= barcode_item_row.quantity %></td>
+  <td class=numeric><%= barcode_item_row.value %></td>
   <td class="text-right">
       <%= view_button_to barcode_item_path(barcode_item_row) %>
   		<%= edit_button_to edit_barcode_item_path(barcode_item_row) %>

app/views/barcode_items/index.html.erb

@@ -63,8 +63,8 @@
               <thead>
                 <tr>
                   <th>Item Type</th>
-                  <th>Quantity in the Box</th>
-                  <th>Barcode</th>
+                  <th class="numeric">Quantity in the Box</th>
+                  <th class="numeric">Barcode</th>
                   <th class="pull-right">Actions</th>
                 </tr>
               </thead>