diff --git a/static/css/app.css b/static/css/app.css
index 3b0fa09..b45a46c 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -918,11 +918,22 @@ a:hover {
grid-template-columns: 1fr;
}
- /* Header mobile optimization */
+ /* Explicit grid positioning for mobile */
.app-header {
+ grid-row: 1;
+ grid-column: 1;
padding: var(--space-sm) var(--space-md);
}
+ /* Force task pane into the single column with full width */
+ .task-pane {
+ grid-row: 2;
+ grid-column: 1;
+ width: 100%;
+ min-width: 0;
+ max-width: 100%;
+ }
+
.header-user span {
display: none; /* Hide email on mobile */
}
diff --git a/templates/base.html b/templates/base.html
index 9b1c232..70199b2 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -10,7 +10,7 @@
-
+
{% block extra_css %}{% endblock %}