refactor: Adjust card and menu item styling for improved layout and spacing, and update the client version.

changelog.md

@@ -1,4 +1,6 @@
-## v1.6.18 (2026-03-11)
+## v1.6.19 (2026-03-11)
+- 🎨 **UX**: Grid-Layout & Glow Overlap Fix – Die Karten-Inhalte wurden auf ein sauberes Grid-Gap-Modell umgestellt (`row-gap: 1.5rem`). Dies verhindert technische Überlappungen von Menü-Items und stellt sicher, dass Glow-Effekte (Bestellt, Highlight) alle Inhalte korrekt umschließen. Manuelle Abstände wurden bereinigt.
+
 - 🎨 **UX**: Glow-Styling angepasst – Die farblichen Hervorhebungen (Bestellt, Highlight, Flagged) wurden so korrigiert, dass sie nicht mehr bis an den Kartenrand reichen, sondern innerhalb des Karten-Bodys mit entsprechendem Seitenabstand angezeigt werden.
 
 - 🎨 **UX**: Fix Card Content Overflow – In der 5-Tage-Ansicht (Landscape) auf schmalen Bildschirmen umbrechen die Status-Badges und Buttons jetzt korrekt in eine neue Zeile, statt über den Kartenrand hinauszuragen. Das Karten-Padding wurde für Desktop-Ansichten optimiert.

dist/kantine.bundle.js

@@ -1136,7 +1136,7 @@ const API_BASE = 'https://api.bessa.app/v1';
 const GUEST_TOKEN = 'c3418725e95a9f90e3645cbc846b4d67c7c66131';
 
 /** The client version injected into every API request header. */
-const CLIENT_VERSION = 'v1.6.18';
+const CLIENT_VERSION = 'v1.6.19';
 
 /** Bessa venue ID for Knapp-Kantine. */
 const VENUE_ID = 591;

src/constants.js

@@ -11,7 +11,7 @@ export const API_BASE = 'https://api.bessa.app/v1';
 export const GUEST_TOKEN = 'c3418725e95a9f90e3645cbc846b4d67c7c66131';
 
 /** The client version injected into every API request header. */
-export const CLIENT_VERSION = 'v1.6.18';
+export const CLIENT_VERSION = 'v1.6.19';
 
 /** Bessa venue ID for Knapp-Kantine. */
 export const VENUE_ID = 591;

style.css

@@ -829,7 +829,7 @@ body {
 
 .days-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
     gap: 0.5rem;
     flex: 1;
     overflow-y: auto;
@@ -883,7 +883,9 @@ body {
     box-shadow: 0 0 30px rgba(139, 92, 246, 0.6);
     border-radius: 8px;
     padding: 1rem;
-    margin: 0 0 1.5rem 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
     background: var(--bg-card);
     position: relative;
     z-index: 5;
@@ -930,7 +932,8 @@ body {
 .card-body {
     padding: 1.25rem;
     display: grid;
-    grid-template-rows: auto;
+    grid-template-columns: 1fr;
+    row-gap: 1.5rem;
     align-content: start;
 }
 
@@ -954,9 +957,9 @@ body {
 
 /* Menu Items */
 .menu-item {
-    margin-bottom: 1.5rem;
+    /* Spacing now handled by .card-body grid gap */
-    padding-bottom: 1.5rem;
+    display: flex;
-    border-bottom: 1px solid var(--border-color);
+    flex-direction: column;
 }
 
 .menu-item:last-child {
@@ -1287,6 +1290,7 @@ body {
     .card-body {
         padding: 1rem 0.75rem;
     }
+
     .item-header {
         gap: 0.5rem;
     }
@@ -1333,7 +1337,9 @@ body {
     box-shadow: 0 0 10px rgba(234, 179, 8, 0.2);
     border-radius: 8px;
     padding: 1rem;
-    margin: 0 0 1.5rem 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
     background: var(--bg-card);
     position: relative;
     z-index: 5;
@@ -1360,7 +1366,9 @@ body {
     box-shadow: 0 0 15px rgba(16, 185, 129, 0.3);
     border-radius: 8px;
     padding: 1rem;
-    margin: 0 0 1.5rem 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
     background: var(--bg-card);
     position: relative;
     z-index: 5;
@@ -1531,7 +1539,9 @@ body {
     box-shadow: 0 0 20px rgba(59, 130, 246, 0.4);
     border-radius: 8px;
     padding: 1rem;
-    margin: 0 0 1.5rem 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
     background: var(--bg-card);
     position: relative;
     z-index: 5;

version.txt

@@ -1 +1 @@
-v1.6.18
+v1.6.19