Rewrite views with Bootstrap

views/admin.erb

@@ -1,8 +1,8 @@
-<h1><%= _("Admin") %></h1>
+<h1 class="mb-5"><%= _("Admin") %></h1>
 
-<h2><%= _("Users") %></h2>
+<h2 class="mb-4"><%= _("Users") %></h2>
 
-<ul>
+<ul class="mb-5">
 <% @users.reverse.each do |user| %>
   <li>
   <a href="/admin/users/<%= user.id %>"><%= user.email %></a>
@@ -10,20 +10,31 @@
 <% end %>
 </ul>
 
-<h2><%= _("Votes") %></h2>
+<h2 class="mb-4"><%= _("Votes") %></h2>
 
-<ul>
-<% @votes.reverse.each do |vote| %>
-  <li>
-    <a href="/admin/votes/<%= vote.id %>"><%= vote.title %></a>
-    <% case vote.state
-       when 'draft' %>
-      <%= _("(Draft)") %>
-    <% when 'open' %>
-      <%= _("(Open)") %>
-    <% when 'closed' %>
-      <%= _("(Closed)") %>
+<table class="table table-striped mb-5">
+  <thead>
+    <tr>
+      <td></td>
+      <td></td>
+    </tr>
+  </thead>
+  <tbody>
+    <% @votes.reverse.each do |vote| %>
+      <tr>
+        <td><%= format_date(vote.created_at) %></td>
+        <td class="text-nowrap">
+          <% case vote.state
+             when 'draft' %>
+            <span class="badge bg-secondary"><%= _("Draft") %></span>
+          <% when 'open' %>
+            <span class="badge bg-primary"><%= _("Open") %></span>
+          <% when 'closed' %>
+            <SPAN class="badge bg-dark"><%= _("Closed") %></span>
+          <% end %>
+        </td>
+        <td><a href="/admin/votes/<%= vote.id %>"><%= vote.title %></a></td>
+      </tr>
     <% end %>
-  </li>
-<% end %>
-</ul>
+  </tbody>
+</table>