Privacy statement specific styling and template.

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%;
+  }
+}

lib/runosaari_web/templates/visitor/form.html.eex

@@ -48,9 +48,15 @@
     <%= label form, :accom, "Olen kiinnostunut majoituksesta" %>
   </div>
 
-  <i>Käsittelemme lomakkeen henkilötietoja<br /><a class="generic-link" href="/privacy">rekisteri- ja tietosuojaselosteessamme</a><br />määritellyllä tavoin.</i>
+  <div class="checkbox-container consent-checkbox">
-
+    <input type="checkbox" required="true" id="privacy-consent" />
-  <div class="submit-button">
+    <label for="privacy-consent">
-    <%= submit "Tallenna lomakkeen tiedot osallistuaksesi tapahtumaan" %>
+      Olen lukenut ja hyväksyn yhteystietojeni käsittelyn
+      <a class="generic-link" href="/privacy">rekisteri- ja tietosuojaselosteessamme</a>
+      määritellyin tavoin.
+    </label>
+  </div>
+  <div div class="submit-button">
+    <%= submit "Lähetä" %>
   </div>
 <% end %>