From 133a81b08c87da74ac92dc929c4fa00a2edfe2f3 Mon Sep 17 00:00:00 2001
From: Jelger Haanstra <jghaanstra@gmail.com>
Date: Sat, 21 Jan 2023 09:46:03 +0100
Subject: [PATCH] Small improvements modern-dark theme

---
 client/components/boards/boardColors.css | 29 ++++++++++++++++++++----
 1 file changed, 25 insertions(+), 4 deletions(-)

diff --git a/client/components/boards/boardColors.css b/client/components/boards/boardColors.css
index 9b2d0c079..9978d7dea 100644
--- a/client/components/boards/boardColors.css
+++ b/client/components/boards/boardColors.css
@@ -1629,6 +1629,9 @@
     background: #2a2a2a;
     color: #fff;
   }
+  #header.board-color-moderndark #header-main-bar .board-header-btn i.fa {
+    margin: 0 8px;
+  }
 }
 .board-color-moderndark#header ul li.current,
 .board-color-moderndark#header-quick-access ul li.current {
@@ -1704,7 +1707,6 @@
   background: rgba(255,255,255,0.2);
 }
 .board-color-moderndark#header #header-main-bar h1 {
-  /* font-family: Poppins; */
   font-weight: bold;
   line-height: 0.8em;
   padding-top: 10px;
@@ -1717,9 +1719,6 @@
   color: #ccc;
   padding: 4px 0;
 }
-.board-color-moderndark .swimlane .swimlane-header-wrap .swimlane-header {
-  /* font-family: Poppins; */
-}
 .board-color-moderndark .swimlane .swimlane-header-wrap .swimlane-header-menu {
   padding: 6px;
   font-size: 16px;
@@ -1760,6 +1759,19 @@
   line-height: 14px;
   color: #eee;
 }
+@media screen and (max-width: 800px) {
+  .board-color-moderndark .list-header .list-header-name {
+    line-height: 40px;
+  }
+}
+@media screen and (min-width: 801px) {
+  .board-color-moderndark .list-header .list-header-name {
+    float: left;
+  }
+  .board-color-moderndark .list-header .list-header-menu {
+    padding: 0 10px 10px;
+  }
+}
 .board-color-moderndark .list-header .list-header-menu {
   padding: 10px;
   top: 0;
@@ -1858,6 +1870,15 @@
   .board-color-moderndark .card-details {
     width: 98%;
   }
+  .card-details-popup {
+    padding: 0px;
+  }
+  .card-details-left, .card-details-right {
+    padding: 0px 10px;
+  }
+  .card-details .card-details-header .card-details-menu-mobile-web {
+    margin-right: 0;
+  }
 }
 @media screen and (min-width: 801px) {
   .board-color-moderndark .card-details {