From dfb2853dc51457b02d9d2c0fa895a107dd4e7b5a Mon Sep 17 00:00:00 2001
From: JonnyWong16 <9099342+JonnyWong16@users.noreply.github.com>
Date: Fri, 2 Apr 2021 20:21:28 -0700
Subject: [PATCH] Adjust button bar on mobile layout

---
 data/interfaces/default/css/tautulli.css | 28 +++++++++++++++++++-----
 1 file changed, 23 insertions(+), 5 deletions(-)

diff --git a/data/interfaces/default/css/tautulli.css b/data/interfaces/default/css/tautulli.css
index 23490bc5..04c16ffd 100644
--- a/data/interfaces/default/css/tautulli.css
+++ b/data/interfaces/default/css/tautulli.css
@@ -3332,29 +3332,45 @@ pre::-webkit-scrollbar-thumb {
     .button-bar {
         float: left !important;
         clear: both;
-        margin-top: 15px;
+        margin-top: 5px;
     }
     .button-bar > div,
     .button-bar > button,
     .button-bar > span {
         float: left !important;
         clear: both !important;
-        margin-bottom: 10px;
+        margin-top: 10px;
     }
     .button-bar > div > button.btn {
         float: left !important;
         clear: both !important;
     }
     .home-padded-header .button-bar {
-        margin-top: 10px;
+        margin-top: 0;
         margin-bottom: 15px;
     }
 }
 @media only screen
   and (min-width: 740px)
-  and (max-width: 1024px) {
+  and (max-width: 1280px) {
+    .header-bar {
+        display: block;
+        float: none !important;
+    }
     .button-bar {
-        float: right !important;
+        float: left !important;
+        clear: both;
+        margin-top: 5px;
+    }
+    .button-bar .btn-group,
+    .button-bar > button.btn {
+        margin-right: 3px;
+    }
+    .button-bar > div,
+    .button-bar > button,
+    .button-bar > span {
+        float: left !important;
+        margin-top: 10px;
     }
     .button-bar > div > button.btn {
         float: left !important;
@@ -3362,6 +3378,8 @@ pre::-webkit-scrollbar-thumb {
     }
     .home-padded-header .button-bar {
         float: left !important;
+        margin-top: 0;
+        margin-bottom: 15px;
     }
 }
 #search_form {