Fix centering of front page text

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