From aeb8c3d86ee12ccd74ff7d2d0dd1473acf400fe5 Mon Sep 17 00:00:00 2001
From: Alex Tselegidis <alextselegidis@gmail.com>
Date: Mon, 7 Sep 2020 13:28:51 +0300
Subject: [PATCH] Better display of nav tab pills in mobile devices.

---
 assets/css/backend.css | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/assets/css/backend.css b/assets/css/backend.css
index 27cd4a2e..f9c185cb 100644
--- a/assets/css/backend.css
+++ b/assets/css/backend.css
@@ -275,6 +275,19 @@ body legend {
     box-shadow: none;
 }
 
+.backend-page .nav-pills li {
+    width: 100%;
+    text-align: center;
+    margin: 5px;
+}
+
+@media (min-width: 768px) {
+    .backend-page .nav-pills li {
+        width: auto;
+    }
+}
+
+
 /* BACKEND CALENDAR PAGE
    -------------------------------------------------------------------- */
 
@@ -808,10 +821,6 @@ body .form-horizontal .controls {
     margin-bottom: 15px;
 }
 
-#settings-page .nav li {
-    cursor: pointer;
-}
-
 #business-logic .working-plan .checkbox,
 #business-logic .working-plan input[type="text"],
 #business-logic .working-plan button {