diff --git a/assets/css/pages/form.scss b/assets/css/pages/form.scss
index 14e8b33..02632e1 100644
--- a/assets/css/pages/form.scss
+++ b/assets/css/pages/form.scss
@@ -7,6 +7,26 @@ form {
display: flex;
}
+.text-input {
+ display: flex;
+ align-items: center;
+
+ label {
+ width: 29%;
+ text-align: left;
+ }
+
+ input {
+ width: 71%;
+ }
+
+ @media screen and (max-width: 600px) {
+ label {
+ width: 47%;
+ }
+ }
+}
+
input {
margin-bottom: 10px;
}
@@ -16,3 +36,8 @@ input {
justify-content: center;
padding-bottom: 50px;
}
+
+.submit-button {
+ padding-top: 31px;
+ padding-bottom: 31px;
+}
diff --git a/lib/runosaari_web/templates/visitor/form.html.eex b/lib/runosaari_web/templates/visitor/form.html.eex
index 9a15edb..16b700c 100644
--- a/lib/runosaari_web/templates/visitor/form.html.eex
+++ b/lib/runosaari_web/templates/visitor/form.html.eex
@@ -5,51 +5,50 @@
<% end %>
- <%= label form, :fname, "Etunimi" %>
- <%= text_input form, :fname %>
- <%= error_tag form, :fname %>
+
+ <%= label form, :fname, "Etunimi:" %>
+ <%= text_input form, :fname %>
+
- <%= label form, :lname, "Sukunimi" %>
- <%= text_input form, :lname %>
- <%= error_tag form, :lname %>
+
+ <%= label form, :lname, "Sukunimi:" %>
+ <%= text_input form, :lname %>
+
- <%= label form, :email, "Sähköposti" %>
- <%= email_input form, :email %>
- <%= error_tag form, :email %>
+
+ <%= label form, :email, "Sähköposti:" %>
+ <%= email_input form, :email %>
+
- <%= label form, :tel, "Puhelinumero" %>
- <%= text_input form, :tel %>
- <%= error_tag form, :tel %>
+
+ <%= label form, :tel, "Puhelinumero:" %>
+ <%= text_input form, :tel %>
+
Ilmoita alustava kiinnostuksesi tässä
<%= checkbox form, :date1 %>
<%= label form, :date1, "Torstai 22.7" %>
- <%= error_tag form, :date1 %>
<%= checkbox form, :date2 %>
<%= label form, :date2, "Perjantai 23.7." %>
- <%= error_tag form, :date2 %>
<%= checkbox form, :date3 %>
<%= label form, :date3, "Lauantai 24.7." %>
- <%= error_tag form, :date3 %>
<%= checkbox form, :bus %>
<%= label form, :bus, "Olen kiinnostunut bussikuljetuksesta" %>
- <%= error_tag form, :bus %>
<%= checkbox form, :accom %>
<%= label form, :accom, "Olen kiinnostunut majoituksesta" %>
- <%= error_tag form, :accom %>
-
+
<%= submit "Lähetä" %>
<% end %>