Many frontend improvements

formula10/templates/rules.jinja

@@ -5,10 +5,12 @@
 {% set active_page = "/rules" %}
 
 {% block body %}
-    <div class="card">
-        <div class="card-body">
-            <h5 class="card-title">Format</h5>
+    <div class="card mb-2">
+        <div class="card-header">
+            Format
+        </div>
 
+        <div class="card-body">
             <p>
                 Das Tippspiel wird dieses Jahr in zwei Teile aufgespalten: Renntips (für jedes Rennen) und Bonustipps
                 (für die ganze Saison).
@@ -20,10 +22,12 @@
         </div>
     </div>
 
-    <div class="card mt-2">
-        <div class="card-body">
-            <h5 class="card-title">Renntipps</h5>
+    <div class="card mb-2">
+        <div class="card-header">
+            Renntipps
+        </div>
 
+        <div class="card-body">
             <p>
                 Jedes Rennen besteht aus zwei Tipps.
                 Einem Platzierungstipp (PX-Tipp) und einem Tipp welcher Fahrer als Erstes das Rennen abbricht
@@ -39,10 +43,12 @@
         </div>
     </div>
 
-    <div class="card mt-2">
-        <div class="card-body">
-            <h5 class="card-title">Punkte</h5>
+    <div class="card mb-2">
+        <div class="card-header">
+            Punkte
+        </div>
 
+        <div class="card-body">
             <p>
                 Für einen korrekten Tipp werden 10 Punkte vergeben.
                 Beim PX-Tipp werden 6 Punkte für einen Platz Abweichung, 3 Punkte für zwei plätze Abweichung und 1 Punkt
@@ -56,10 +62,12 @@
         </div>
     </div>
 
-    <div class="card mt-2">
-        <div class="card-body">
-            <h5 class="card-title">Bonustipps</h5>
+    <div class="card mb-2">
+        <div class="card-header">
+            Bonustipps
+        </div>
 
+        <div class="card-body">
             <p>
                 Zusätzlich gibt es dieses Jahr auch Tipps, die sich auf die ganze Saison beziehen und verschieden
                 bepunktet werden.