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;
} }
.button {
vertical-align: middle;
}
.table-wrapper { .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,13 +1,29 @@
<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>
<div class="columns">
<div class="column">
<p> <p>
<button class="button">
<span class="icon is-small">
<i class="fas fa-link"></i>
</span>
</button>
<%= submission_url(@form) %> <%= submission_url(@form) %>
</p> </p>
</div>
<div class="column">
<p> <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 %> <%= link_to 'Google spreadsheet', @form.spreadsheet_url %>
</p> </p>
</div> </div>
</div>
</div>
<div class="box table-wrapper"> <div class="box table-wrapper">
<table class="table is-fullwidth is-strip is-hoverable"> <table class="table is-fullwidth is-strip is-hoverable">