From 7f4da9bcdba5981cf20161843eaad18c4b10d2ae Mon Sep 17 00:00:00 2001
From: Marius <gilberg@gmail.com>
Date: Sun, 9 Aug 2020 13:10:21 +0200
Subject: [PATCH] bazarr mobile fixes + modal accent

---
 CSS/themes/bazarr/bazarr-base.css | 29 ++++++++++++++++++++---------
 1 file changed, 20 insertions(+), 9 deletions(-)

diff --git a/CSS/themes/bazarr/bazarr-base.css b/CSS/themes/bazarr/bazarr-base.css
index 04858040..7fd3c2cb 100644
--- a/CSS/themes/bazarr/bazarr-base.css
+++ b/CSS/themes/bazarr/bazarr-base.css
@@ -748,7 +748,13 @@ a.dt-button.disabled:hover {
   -moz-background-size: auto, cover;
   -o-background-size: auto, cover;
 }
+.modal-header {
+  border-bottom: 1px solid var(--accent-color);
 
+}
+.modal-footer {
+  border-top: 1px solid var(--accent-color);
+}
 .modal-content .badge-secondary {
   color: #fff;
   background-color: var(--accent-color);
@@ -780,13 +786,16 @@ a.dt-button.disabled:hover {
     background: var(--modal-bg-color);
   }
 
-  #buttons_bars .col-8 {
+#buttons_bars .col-8 {
     -ms-flex: none !important;
-    flex: none !important;
-    max-width: none !important;
+    flex: auto;
+    max-width: fit-content;
     padding-left: 5px;
     padding-right: 5px;
-  }
+    display: inline-grid;
+    position: absolute;
+    z-index: 11;
+}
 
   .page-titles .btn {
     height: 50px !important;
@@ -794,12 +803,14 @@ a.dt-button.disabled:hover {
     padding: 0 0;
   }
 
-  #buttons_bars .col-4 {
+#buttons_bars .col-4 {
     -ms-flex: none !important;
-    flex: none !important;
-    max-width: 100% !important;
-    position: inherit !important;
+    flex: auto;
+    display: grid;
     padding-right: 5px !important;
     padding-bottom: 5px !important;
-  }
+    position: inherit;
+    z-index: 10;
+    padding-left: 85%;
+}
 }
\ No newline at end of file