From e98834d7de2fc98b0190c3730b09009f6aa71288 Mon Sep 17 00:00:00 2001
From: Felix Kemmler <felix_kemmler@protonmail.com>
Date: Mon, 10 Aug 2026 22:40:40 +0200
Subject: [PATCH] Fix employees toolbar responsiveness on small screens

Enable flex-wrap on .employees-toolbar so controls wrap properly on mobile, and adjust media query to avoid conflicting layout rules.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 omsorgapp/src/style.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/omsorgapp/src/style.css b/omsorgapp/src/style.css
index d065439..b520cbc 100644
--- a/omsorgapp/src/style.css
+++ b/omsorgapp/src/style.css
@@ -705,6 +705,7 @@ button.omsorg-button--danger {
   display: flex;
   align-items: center;
   gap: 14px;
+  flex-wrap: wrap;
 }
 
 .employees-search {
@@ -1015,8 +1016,7 @@ button.omsorg-button--danger {
 }
 
 @media (max-width: 680px) {
-  .page-heading,
-  .employees-toolbar {
+  .page-heading {
     align-items: stretch;
     flex-direction: column;
   }