From fcc32f253ba7ddf1e48b72b5842244f1206db9c1 Mon Sep 17 00:00:00 2001
From: nessi <sascha@nesterovic.cc>
Date: Wed, 18 Mar 2026 10:41:10 +0100
Subject: [PATCH] refactor: adjust grid alignment and responsive breakpoint for
 improved layout consistency

Add align-items: start to body-grid and align-content: start to status-grid to prevent vertical stretching and maintain top alignment. Reduce responsive breakpoint from 960px to 760px to match new default window width.
---
 desktop-client/src/styles.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/desktop-client/src/styles.css b/desktop-client/src/styles.css
index 79f7fa1..59b873d 100644
--- a/desktop-client/src/styles.css
+++ b/desktop-client/src/styles.css
@@ -148,6 +148,7 @@ input {
   gap: 12px;
   min-height: 0;
   overflow: hidden;
+  align-items: start;
 }
 
 .login-panel,
@@ -218,6 +219,7 @@ input {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 8px;
+  align-content: start;
 }
 
 .detail-card,
@@ -298,7 +300,7 @@ input {
   font-size: 0.95rem;
 }
 
-@media (max-width: 960px) {
+@media (max-width: 760px) {
   .body-grid {
     grid-template-columns: 1fr;
   }