fix: tighten mobile task edit and quick win settings layout

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);