Browse Source

fix some layout issues

FreddleSpl0it 2 years ago
parent
commit
8a0bd23985

+ 1 - 1
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;
 }
 

+ 3 - 0
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;
 }

+ 2 - 2
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">