Style sign in page a bit

app/assets/stylesheets/application.postcss.css

@@ -35,6 +35,28 @@ h4 {
     padding: 1rem;
 }
 
+.login-intro {
+    background-color: white;
+    padding: 1rem;
+
+    form {
+        display: flex;
+        gap: 1rem;
+        align-items: stretch;
+
+        label {
+            align-self: center;
+        }
+    }
+}
+
+input[type=submit] {
+    background-color: #1abcff;
+    border: none;
+    padding: 0.5rem;
+    font-size: 16px;
+}
+
 .politicians-listing {
     display: flex;
     flex-direction: row;

app/views/sessions/new.html.erb

@@ -1,5 +1,9 @@
-<%= form_with url: sessions_path, method: :post do |form| %>
+<section class="login-intro">
-  <%= form.label :token, "Token" %>
+    <h1>Inburgeringsexamen Gent</h1>
-  <%= form.password_field :token %>
+    <p>Hier komt een langere tekst met wat uitleg.</p>
-  <%= form.submit "Start exam" %>
+    <%= form_with url: sessions_path, method: :post do |form| %>
-<% end %>
+        <%= form.label :token, "Geef hier je persoonlijke token in:" %>
+        <%= form.password_field :token %>
+        <%= form.submit "Start examen" %>
+    <% end %>
+</section>