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;
}
.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);
}

View File

@ -1,12 +1,28 @@
<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>
<h1 class="is-family-secondary"><%= @form.title %></h1>
<div class="columns">
<div class="column">
<p>
<button class="button">
<span class="icon is-small">
<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 class="box table-wrapper">