Add link styling

This commit is contained in:
Yannick 2020-04-16 18:44:31 +02:00
parent 3b71f6b00f
commit 5ce78138d2
2 changed files with 28 additions and 8 deletions

View File

@ -54,6 +54,10 @@ body {
color: white; color: white;
} }
.table-wrapper{ .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); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
} }

View File

@ -1,12 +1,28 @@
<div class="container"> <div class="container">
<div class="content is-paddingless"> <div class="content is-paddingless">
<h1><%= @form.title %></h1> <h1 class="is-family-secondary"><%= @form.title %></h1>
<p> <div class="columns">
<%= submission_url(@form) %> <div class="column">
</p> <p>
<p> <button class="button">
<%= link_to 'Google spreadsheet', @form.spreadsheet_url %> <span class="icon is-small">
</p> <i class="fas fa-link"></i>
</span>
</button>
<%= submission_url(@form) %>
</p>
</div>
<div class="column">
<p>
<button class="button">
<span class="icon is-small">
<i class="fas fa-file-excel"></i>
</span>
</button>
<%= link_to 'Google spreadsheet', @form.spreadsheet_url %>
</p>
</div>
</div>
</div> </div>
<div class="box table-wrapper"> <div class="box table-wrapper">