From 98baae4fee33070b3519714226b140af886a1b0d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Phillip=20K=C3=BChne?= <phillipkhne@gmail.com>
Date: Fri, 31 May 2019 13:20:05 +0200
Subject: [PATCH] Fix buttons overflowing screen

---
 app/static/css/style.css      | 13 ++++++++++++-
 app/templates/main_admin.html |  6 +++---
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/app/static/css/style.css b/app/static/css/style.css
index 145209b..1b4bf84 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -22,4 +22,15 @@ main {
     /* Set the fixed height of the footer here */
     /*line-height: 60px; /* Vertically center the text there */
     background-color: #f5f5f5;
-}
\ No newline at end of file
+}
+
+.topbutton {
+    width: 100%;
+}
+
+@media (min-width: 768px) {
+    .topbutton {
+        width: auto;
+    }
+}
+
diff --git a/app/templates/main_admin.html b/app/templates/main_admin.html
index eb7f0ef..50d22ef 100644
--- a/app/templates/main_admin.html
+++ b/app/templates/main_admin.html
@@ -6,10 +6,10 @@
 <div class="container">
     <div class="row">
         <div class="card" style="width: 100%">
-            <div class="card-body d-flex flex-row">
-                <button type="button" class="btn btn-danger m-2"
+            <div class="card-body">
+                <button type="button" class="topbutton btn btn-danger"
                     onclick="confirmDeleteAllEntries()"><i class="fas fa-trash mr-2"></i>Alle Einträge löschen</button>
-                <button type="button" class="btn btn-danger m-2"
+                <button type="button" class="topbutton btn btn-danger"
                     onclick="confirmUpdateSongDatabase()"><i class="fas fa-file-import mr-2"></i>Song-Datenbank
                     aktualisieren</button>
             </div>