Fix checkbox styling.

This commit is contained in:
codevictory
2021-04-25 01:08:01 +03:00
parent b10d4209ba
commit 2591efa8b4
2 changed files with 29 additions and 22 deletions

View File

@@ -2,3 +2,7 @@ form {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.checkbox-container {
display: flex;
}

View File

@@ -25,30 +25,33 @@
<%= textarea form, :desc %> <%= textarea form, :desc %>
<%= error_tag form, :desc %> <%= error_tag form, :desc %>
<%= label form, :confirmed, "Vahvistettu" %>
<%= checkbox form, :confirmed %>
<%= error_tag form, :confirmed %>
<h2>Ilmoita alustava kiinnostuksesi tässä</h2> <h2>Ilmoita alustava kiinnostuksesi tässä</h2>
<%= label form, :date1, "Torstai 22.7" %>
<div class="checkbox-container">
<%= checkbox form, :date1 %> <%= checkbox form, :date1 %>
<%= label form, :date1, "Torstai 22.7" %>
<%= error_tag form, :date1 %> <%= error_tag form, :date1 %>
</div>
<%= label form, :date2, "Perjantai 23.7." %> <div class="checkbox-container">
<%= checkbox form, :date2 %> <%= checkbox form, :date2 %>
<%= label form, :date2, "Perjantai 23.7." %>
<%= error_tag form, :date2 %> <%= error_tag form, :date2 %>
</div>
<%= label form, :date3, "Lauantai 24.7." %> <div class="checkbox-container">
<%= checkbox form, :date3 %> <%= checkbox form, :date3 %>
<%= label form, :date3, "Lauantai 24.7." %>
<%= error_tag form, :date3 %> <%= error_tag form, :date3 %>
</div>
<%= label form, :bus, "Olen kiinnostunut bussikuljetuksesta" %> <div class="checkbox-container">
<%= checkbox form, :bus %> <%= checkbox form, :bus %>
<%= label form, :bus, "Olen kiinnostunut bussikuljetuksesta" %>
<%= error_tag form, :bus %> <%= error_tag form, :bus %>
</div>
<%= label form, :accom, "Olen kiinnostunut majoituksesta" %> <div class="checkbox-container">
<%= checkbox form, :accom %> <%= checkbox form, :accom %>
<%= label form, :accom, "Olen kiinnostunut majoituksesta" %>
<%= error_tag form, :accom %> <%= error_tag form, :accom %>
</div>
<div> <div>
<%= submit "Lähetä" %> <%= submit "Lähetä" %>