diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss index 71872c4..8405ae7 100644 --- a/app/assets/stylesheets/application.css.scss +++ b/app/assets/stylesheets/application.css.scss @@ -52,4 +52,12 @@ body { .button.google { background: rgb(225, 98, 89); 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); } \ No newline at end of file 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] %>
+ + + + +