Support: Styling

src/client/app/tmpl/support.html

@@ -53,11 +53,21 @@
         <div class="card-header">
             <i class="far fa-life-ring"></i>&nbsp;<%= _lc( 'SUPPORT_HEADLINE' ) %>
         </div>
-        <p>Wenn Du Kontakt mit dem Gruppeninhaber aufnehmen möchtest, gehe bitte wie folgt vor: </br>
-            Allgemeine Frage: Nutze bitte die Kontaktoptionen auf der Gruppenübersicht </br>
-            Frage zu einem Termin: Verwende den Chat für einen bestimmten Termin über die Terminübersicht.</br>
-            <a href="#/groups"><%= _lc( 'GROUP_OVERVIEW' ) %></a>
-            <a href="#/home"><%= _lc( 'BTN_BACK_TO_HOME' ) %></a>
-        </p>
+        <div class="card-body">
+            <div class="row">
+                <div class="col">
+                    <strong>Wenn Du Kontakt mit dem Gruppeninhaber aufnehmen möchtest, gehe bitte wie folgt vor:</strong>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col">
+                    <p>Allgemeine Frage: Nutze bitte die Kontaktoptionen auf der Gruppenübersicht <br />
+                        Frage zu einem Termin: Verwende den Chat für einen bestimmten Termin über die Terminübersicht.
+                    </p>
+                    <a href="#/groups" class="btn btn-block btn-primary"><%= _lc( 'GROUP_OVERVIEW' ) %></a>
+                    <a href="#/home" class="btn btn-block btn-primary"><%= _lc( 'BTN_BACK_TO_HOME' ) %></a>
+                </div>
+            </div>
+        </div>
     <% } %>
 </div>