public/css/admin.css aktualisiert

public/css/admin.css

@@ -1042,24 +1042,22 @@ body.dark-mode .log-header {
 
 /* Stil für jedes Benutzeritem */
 .user-item {
+    display: flex; /* Flexbox aktivieren */
+    flex-direction: column; /* Vertikale Anordnung der Elemente */
     padding: 10px; /* Innenabstand */
     margin: 10px 0; /* Abstand oben und unten */
     border: 1px solid #2196F3; /* Rahmen */
     border-radius: 5px; /* Abgerundete Ecken */
     width: 280px; /* Feste Breite */
-    height: 280px; /* Feste Höhe */
+    height: 325px; /* Feste Höhe */
     box-sizing: border-box; /* Berücksichtigt Padding und Border */
     overflow: hidden; /* Versteckt überlaufenden Inhalt */
 }
 
-/* Stil für gerade Benutzerboxen */
-.user-item.even {
-    background-color: #faf8f8; /* Hintergrundfarbe für gerade Boxen */
-}
-
-/* Stil für ungerade Benutzerboxen */
-.user-item.odd {
-    background-color: #d6d6d6; /* Hintergrundfarbe für ungerade Boxen */
+/* Stil für den Text innerhalb der Benutzerbox */
+.user-item p {
+    margin: 5px 0; /* Abstand zwischen den Absätzen */
+    line-height: 1.2; /* Zeilenhöhe anpassen (Standardwert ist oft 1.5) */
 }
 
 /* Stil für den Lösch-Button */
@@ -1071,6 +1069,7 @@ body.dark-mode .log-header {
     border-radius: 3px; /* Abgerundete Ecken */
     cursor: pointer; /* Hand-Cursor */
     transition: background-color 0.3s; /* Weiche Übergänge */
+    margin-top: auto; /* Schiebt den Button nach unten */
 }
 
 /* Hover-Effekt für den Lösch-Button */
@@ -1078,6 +1077,16 @@ body.dark-mode .log-header {
     background-color: #ff1a1a; /* Dunkleres Rot beim Hover */
 }
 
+/* Stil für gerade Benutzerboxen */
+.user-item.even {
+    background-color: #faf8f8; /* Hintergrundfarbe für gerade Boxen */
+}
+
+/* Stil für ungerade Benutzerboxen */
+.user-item.odd {
+    background-color: #d6d6d6; /* Hintergrundfarbe für ungerade Boxen */
+}
+
 /* Stil für die Überschrift der Benutzerliste */
 h2 {
     color: #333; /* Textfarbe */