From e7a22ec27da87535f1d08f669f0d023b3b2f4d1c Mon Sep 17 00:00:00 2001
From: Florian Heinz <mail@hnz.io>
Date: Wed, 15 Apr 2026 13:25:25 +0200
Subject: [PATCH] fix: tighten mobile task edit and quick win settings layout

---
 app/static/css/style.css | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/app/static/css/style.css b/app/static/css/style.css
index 60e73d6..7c435c4 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -161,8 +161,15 @@ p {
   margin-bottom: 24px;
 }
 
+.topbar > div {
+  min-width: 0;
+}
+
 .topbar h1 {
   font-size: clamp(1.9rem, 4vw, 2.9rem);
+  min-width: 0;
+  overflow-wrap: break-word;
+  hyphens: auto;
 }
 
 .topbar-user {
@@ -387,6 +394,9 @@ p {
 .section-heading h2,
 .panel h2 {
   font-size: 1.5rem;
+  min-width: 0;
+  overflow-wrap: break-word;
+  hyphens: auto;
 }
 
 .section-heading__count,
@@ -1101,6 +1111,10 @@ p {
   padding-top: 4px;
 }
 
+.quick-win-manage-form[hidden] {
+  display: none !important;
+}
+
 .quick-win-manage-card__summary {
   display: grid;
   gap: 10px;
@@ -1238,6 +1252,11 @@ p {
 }
 
 @media (max-width: 640px) {
+  .form-panel h2 {
+    font-size: 1.85rem;
+    line-height: 1.08;
+  }
+
   .complete-dialog__surface {
     width: min(100vw - 16px, 410px);
     max-width: calc(100vw - 16px);