From 23457245350937f183d67a4ccddbdb2877acfcc0 Mon Sep 17 00:00:00 2001
From: Yuyao Huang <huangyuyao@outlook.com>
Date: Sat, 9 May 2026 11:00:51 +0800
Subject: [PATCH] fix: constrain goal selector width on mobile in tasks page

On small screens (<=480px), the goal selector dropdown could
overflow due to long option text. Match notes page behavior:
set select to width:100% with max-width:100%.
---
 static/css/tasks.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/static/css/tasks.css b/static/css/tasks.css
index 172a61e..7681b80 100644
--- a/static/css/tasks.css
+++ b/static/css/tasks.css
@@ -235,8 +235,15 @@
         padding: 30vh 1rem;
     }
 
+    .goal-selector-container {
+        min-width: 0;
+        width: 100%;
+    }
+
     .goal-selector-container select {
-        min-width: 140px;
+        min-width: 0;
+        width: 100%;
+        max-width: 100%;
     }
 }