diff --git a/assets/css/pages/form.scss b/assets/css/pages/form.scss
index 2d64e29..8896eb9 100644
--- a/assets/css/pages/form.scss
+++ b/assets/css/pages/form.scss
@@ -1,12 +1,19 @@
form {
display: flex;
flex-direction: column;
+ max-width: 50%;
.checkbox-container {
display: flex;
label {
text-align: left;
+ padding-left: 5px;
+ }
+
+ &.consent-checkbox {
+ font-style: italic;
+ padding-top: 30px;
}
}
@@ -49,3 +56,9 @@ form {
margin-top: 30px;
}
}
+
+@media screen and (max-width: 600px) {
+ form {
+ max-width: 100%;
+ }
+}
diff --git a/lib/runosaari_web/templates/visitor/form.html.eex b/lib/runosaari_web/templates/visitor/form.html.eex
index 49185f7..038a7be 100644
--- a/lib/runosaari_web/templates/visitor/form.html.eex
+++ b/lib/runosaari_web/templates/visitor/form.html.eex
@@ -48,9 +48,15 @@
<%= label form, :accom, "Olen kiinnostunut majoituksesta" %>
- Käsittelemme lomakkeen henkilötietoja
rekisteri- ja tietosuojaselosteessamme
määritellyllä tavoin.
-
-