From 8a0bd239853e4cd6b0977db229f437e2f60d17e6 Mon Sep 17 00:00:00 2001
From: FreddleSpl0it <patschul@posteo.de>
Date: Tue, 27 Sep 2022 12:30:10 +0200
Subject: [PATCH] fix some layout issues

---
 data/web/css/build/013-mailcow.css       | 2 +-
 data/web/css/themes/mailcow-darkmode.css | 3 +++
 data/web/templates/index.twig            | 4 ++--
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/data/web/css/build/013-mailcow.css b/data/web/css/build/013-mailcow.css
index 9be8b024..9580492d 100644
--- a/data/web/css/build/013-mailcow.css
+++ b/data/web/css/build/013-mailcow.css
@@ -289,7 +289,7 @@ code {
   width: 20%;
 }
 table.dataTable>tbody>tr.child ul.dtr-details>li {
-  border-bottom: 1px solid rgba(239, 239, 239, 0.129);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.129);
   padding: 0.5em 0;
 }
 
diff --git a/data/web/css/themes/mailcow-darkmode.css b/data/web/css/themes/mailcow-darkmode.css
index 03f99307..e1824420 100644
--- a/data/web/css/themes/mailcow-darkmode.css
+++ b/data/web/css/themes/mailcow-darkmode.css
@@ -107,6 +107,9 @@ tbody tr {
 .table-striped>tbody>tr:nth-of-type(odd) {
     background-color: #333;
 }
+table.dataTable>tbody>tr.child ul.dtr-details>li {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
+}
 tbody tr {
     color: #ccc;
 }
diff --git a/data/web/templates/index.twig b/data/web/templates/index.twig
index 656b2e71..f9b89831 100644
--- a/data/web/templates/index.twig
+++ b/data/web/templates/index.twig
@@ -6,8 +6,8 @@
 <div class="row mb-4" style="margin-top: 60px">
   <div class="col-12 col-md-7 col-lg-6 col-xl-5 ms-auto me-auto">
     <div class="card">
-      <div class="card-header d-flex">
-        <i class="bi bi-person-fill"></i> {{ lang.login.login }}
+      <div class="card-header d-flex align-items-center">
+        <i class="bi bi-person-fill me-2"></i> {{ lang.login.login }}
         <div class="ms-auto form-check form-switch my-auto d-flex align-items-center">
           <label class="form-check-label"><i class="bi bi-moon-fill"></i></label>
           <input class="form-check-input ms-2" type="checkbox" id="dark-mode-toggle">