fix some layout issues

mailcow · Sep 27, 2022 · 8a0bd23 · 8a0bd23
1 parent 4387e47
commit 8a0bd23
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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">