From 3b71f6b00f6f5ae716277b16ef46341b3a2efba2 Mon Sep 17 00:00:00 2001
From: Yannick <musayann@octangrp.com>
Date: Thu, 16 Apr 2020 18:20:06 +0200
Subject: [PATCH] Fix table styling

---
 app/assets/stylesheets/application.css.scss |  4 ++
 app/views/forms/show.html.erb               | 56 ++++++++++-----------
 2 files changed, 32 insertions(+), 28 deletions(-)

diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss
index 71872c4..7955a05 100644
--- a/app/assets/stylesheets/application.css.scss
+++ b/app/assets/stylesheets/application.css.scss
@@ -52,4 +52,8 @@ body {
 .button.google {
   background: rgb(225, 98, 89);
   color: white;
+}
+
+.table-wrapper{
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
 }
\ No newline at end of file
diff --git a/app/views/forms/show.html.erb b/app/views/forms/show.html.erb
index cd0d10a..64a82d1 100644
--- a/app/views/forms/show.html.erb
+++ b/app/views/forms/show.html.erb
@@ -1,32 +1,32 @@
-<h1><%= @form.title %></h1>
-<p>
-  <%= submission_url(@form) %>
-</p>
-<p>
-  <%= link_to 'Google spreadsheet', @form.spreadsheet_url %>
-</p>
-<div class="section">
-<div class="columns">
-<div class="column is-half is-offset-one-quarter">
+<div class="container">
+  <div class="content is-paddingless">
+    <h1><%= @form.title %></h1>
+    <p>
+      <%= submission_url(@form) %>
+    </p>
+    <p>
+      <%= link_to 'Google spreadsheet', @form.spreadsheet_url %>
+    </p>
+  </div>
 
-<table class="table is-fullwidth">
-  <thead>
-    <tr>
-      <% @form.spreadsheet_headers.each do |value| %>
-        <th><%= value %></th>
-      <% end %>
-    </tr>
-  </thead>
-  <tbody>
-    <% @submissions.each do |submission| %>
-      <tr>
-        <% @form.spreadsheet_headers.each do |column| %>
+  <div class="box table-wrapper">
+    <table class="table is-fullwidth is-strip is-hoverable">
+      <thead>
+        <tr>
+          <% @form.spreadsheet_headers.each do |value| %>
+          <th><%= value %></th>
+          <% end %>
+        </tr>
+      </thead>
+      <tbody>
+        <% @submissions.each do |submission| %>
+        <tr>
+          <% @form.spreadsheet_headers.each do |column| %>
           <td><%= submission.data[column] %></td>
+          <% end %>
+        </tr>
         <% end %>
-      </tr>
-    <% end %>
-  </tbody>
-</table>
-</div>
-</div>
+      </tbody>
+    </table>
+  </div>
 </div>
\ No newline at end of file