diff --git a/app/assets/stylesheets/application.postcss.css b/app/assets/stylesheets/application.postcss.css index 221b0ab..fb3308f 100644 --- a/app/assets/stylesheets/application.postcss.css +++ b/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; diff --git a/app/views/sessions/new.html.erb b/app/views/sessions/new.html.erb index d47fc7a..d61e037 100644 --- a/app/views/sessions/new.html.erb +++ b/app/views/sessions/new.html.erb @@ -1,5 +1,9 @@ -<%= form_with url: sessions_path, method: :post do |form| %> - <%= form.label :token, "Token" %> - <%= form.password_field :token %> - <%= form.submit "Start exam" %> -<% end %> +
+

Inburgeringsexamen Gent

+

Hier komt een langere tekst met wat uitleg.

+ <%= form_with url: sessions_path, method: :post do |form| %> + <%= form.label :token, "Geef hier je persoonlijke token in:" %> + <%= form.password_field :token %> + <%= form.submit "Start examen" %> + <% end %> +