diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss index fad934e..e5fb505 100644 --- a/app/assets/stylesheets/application.css.scss +++ b/app/assets/stylesheets/application.css.scss @@ -56,14 +56,13 @@ body { color: white; } +.button { + vertical-align: middle; +} - - - - - - - +.table-wrapper { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} .animation-ctn { text-align: center; diff --git a/app/views/forms/show.html.erb b/app/views/forms/show.html.erb index 5842b30..7c103b4 100644 --- a/app/views/forms/show.html.erb +++ b/app/views/forms/show.html.erb @@ -1,25 +1,50 @@ -

<%= @form.title %>

-

- <%= submission_url(@form) %> -

-

- <%= link_to 'Google spreadsheet', @form.spreadsheet_url %> -

- - - - <% @form.spreadsheet_headers.each do |value| %> - - <% end %> - - - - <% @submissions.each do |submission| %> - - <% @form.spreadsheet_headers.each do |column| %> +
+
+
+

<%= @form.title %>

+
+
+

+ + <%= submission_url(@form) %> +

+
+
+

+ + <%= link_to 'Google spreadsheet', @form.spreadsheet_url, { :class => "has-text-dark"} %> +

+
+
+
+ +
+
<%= value %>
+ + + <% @form.spreadsheet_headers.each do |value| %> + + <% end %> + + + + <% @submissions.each do |submission| %> + + <% @form.spreadsheet_headers.each do |column| %> + <% end %> + <% end %> - - <% end %> - -
<%= value %>
<%= submission.data[column] %>
+ + + + +