From 29fd2f0b91c3151054ff8ffcd4d66a757ee5e798 Mon Sep 17 00:00:00 2001
From: Anton <dev@atjn.dk>
Date: Mon, 23 Sep 2024 16:24:07 +0200
Subject: [PATCH] Fix centering of front page text

---
 stregsystem/templates/stregsystem/index.html | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/stregsystem/templates/stregsystem/index.html b/stregsystem/templates/stregsystem/index.html
index 41d57bfe..425cd9b3 100644
--- a/stregsystem/templates/stregsystem/index.html
+++ b/stregsystem/templates/stregsystem/index.html
@@ -13,6 +13,17 @@
 <style>
   #instructions {
     text-align: initial;
+
+    & > p {
+      font-weight: bold;
+      text-align: center;
+      margin-top: 0;
+      margin-bottom: .3em;
+    }
+  }
+  #focusform {
+    margin-top: 1.5em;
+    margin-bottom: 1.5em;
   }
 </style>
 {% endblock %}
@@ -22,13 +33,13 @@
 <main class="center">
   <div id="instructions">
     {% block instructions %}
-    <b>Du kan "sætte streger" på to forskellige måder:</b>
+    <p>Du kan "sætte streger" på to forskellige måder:</p>
     <ol>  
       <li><span>Indtast dit brugernavn nedenfor.
       Du vil så blive præsenteret for en interaktiv menu.</span></li>
       <li><span>Indtast dit brugernavn <em>og</em> et eller flere produkt
       ID{#'er#} (adskilt med "space").
-      Købet vil blive direkte registreret uden yderligere input.
+      Købet vil blive<br>direkte registreret uden yderligere input.
       Under feltet vil  der vises en bekræftelse af købet.</span></li>
     </ol>
     {% endblock %}