From bc1770a768f30ba5e3481d36c5ffdb359adcd974 Mon Sep 17 00:00:00 2001
From: Robert Richter <robertrichter87@web.de>
Date: Sat, 11 May 2019 22:31:25 +0200
Subject: [PATCH] Layout der Startseite verbessert

---
 views/home.pug | 94 ++++++++++++++++++++++++++++----------------------
 1 file changed, 53 insertions(+), 41 deletions(-)

diff --git a/views/home.pug b/views/home.pug
index 6d921b4..d88afa5 100644
--- a/views/home.pug
+++ b/views/home.pug
@@ -11,47 +11,59 @@ block content
       .row
         .col-md-12
           .card
-              if !user
-                .card-header
-                  h4.card-title.text-warning Sie sind nicht eingeloggt! 
-                .card-body
-                  p.card-text.text-muted Bitte melden Sie sich #[a(href="/login") hier] an.
-              else
-                .card-header
-                  h4.card-title.text-info='Sie sind als Nutzer \''+user.user+'\' angemeldet.'
-                .card-body
-                  p.card-text Entsprechend Ihrer Berechtigungen haben Zugriff auf folgende Wachalarme:
-                  ul
-                    each val in user.permissions.split(',')
-                      li
-                        if user.permissions == 'admin'
-                          a.text-muted Sie sind Administrator und haben somit vollständigen Zugriff auf #[a(href="/waip/0") alle] Wachalarme
-                        else
-                          a(href="/waip/" + val)= val  
+            if !user
+              .card-header
+                h4.card-title.text-warning Sie sind nicht eingeloggt! 
+              .card-body
+                p.card-text.text-muted Bitte melden Sie sich #[a(href="/login") hier] an.
+            else
+              .card-header
+                h4.card-title.text-info='Sie sind als Nutzer \''+user.user+'\' angemeldet.'
+              .card-body
+                p.card-text Entsprechend Ihrer Berechtigungen haben Zugriff auf folgende Wachalarme:
+                ul
+                  each val in user.permissions.split(',')
+                    li
+                      if user.permissions == 'admin'
+                        a.text-muted Sie sind Administrator und haben somit vollständigen Zugriff auf #[a(href="/waip/0") alle] Wachalarme
+                      else
+                        a(href="/waip/" + val)= val  
         .col-md-4.p-3
-          h1.text-info Wache
-          p.text-muted Zeigt den Wachalarm einer der einzelnen Wache (z.B. Feuerwach, Rettungswache etc.) an.
-          .dropdown
-            button.btn.dropdown-toggle(type='button', data-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
-              | bitte ausw&auml;hlen
-            .dropdown-menu
-              each item in list_wache
-                a.dropdown-item(href='/waip/'+ item.nr)= item.name
+          .card.h-100
+            .card-header
+              h1.text-info Wache
+            .card-body
+              p.text-muted Zeigt den Wachalarm einer der einzelnen Wache (z.B. Feuerwach, Rettungswache etc.) an.
+            .card-footer.text-right
+              .dropdown
+                button.btn.btn-info.dropdown-toggle(type='button', data-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
+                  | bitte ausw&auml;hlen
+                .dropdown-menu
+                  each item in list_wache
+                    a.dropdown-item(href='/waip/'+ item.nr)= item.name
         .col-md-4.p-3
-          h1.text-info Tr&auml;ger
-          p.text-muted Zeigt alle Wachalarme der Wachen eines Tr&auml;gers (Amt, amtsfreie Gemeinde, Stadt) an.
-          .dropdown
-            button.btn.dropdown-toggle(type='button', data-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
-              | bitte ausw&auml;hlen
-            .dropdown-menu
-              each item in list_traeger
-                a.dropdown-item(href='/waip/'+ item.nr)= item.name
+          .card.h-100
+            .card-header            
+              h1.text-info Tr&auml;ger
+            .card-body
+              p.text-muted Zeigt alle Wachalarme der Wachen eines Tr&auml;gers (Amt, amtsfreie Gemeinde, Stadt) an.
+            .card-footer.text-right
+              .dropdown
+                button.btn.btn-info.dropdown-toggle(type='button', data-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
+                  | bitte ausw&auml;hlen
+                .dropdown-menu
+                  each item in list_traeger
+                    a.dropdown-item(href='/waip/'+ item.nr)= item.name
         .col-md-4.p-3
-          h1.text-info Kreis
-          p.text-muted Zeigt alle Wachalarme des gesamten Kreises (egal ob f&uuml; Feuerwehr oder Rettungsdienst) an.
-          .dropdown
-            button.btn.dropdown-toggle(type='button', data-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
-              | bitte ausw&auml;hlen
-            .dropdown-menu
-              each item in list_kreis
-                a.dropdown-item(href='/waip/'+ item.nr)= item.name
+          .card.h-100
+            .card-header
+              h1.text-info Kreis
+            .card-body
+              p.text-muted Zeigt alle Wachalarme des gesamten Kreises (egal ob f&uuml; Feuerwehr oder Rettungsdienst) an.
+            .card-footer.text-right
+              .dropdown
+                button.btn.btn-info.dropdown-toggle(type='button', data-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
+                  | bitte ausw&auml;hlen
+                .dropdown-menu
+                  each item in list_kreis
+                    a.dropdown-item(href='/waip/'+ item.nr)= item.name