Show series detail above task columns on mobile
On stacked layouts the sidebar fell to the bottom, burying
the series detail the user just navigated to.
Assisted-by: Claude Opus 4.6 via Claude Code
diff --git a/lib/ketchup/views/dashboard.rb b/lib/ketchup/views/dashboard.rb
index 88bc481..a3e42be 100644
--- a/lib/ketchup/views/dashboard.rb
+++ b/lib/ketchup/views/dashboard.rb
@@ -13,7 +13,7 @@ module Views
def view_template
render Layout.new(current_user: @current_user) do
- div(class: "home") do
+ div(class: @series ? "home home--series" : "home") do
div(class: "column", "x-data": "sortable") do
div(class: "column-header") do
h2 { "Overdue" }
diff --git a/public/css/app.css b/public/css/app.css
index a26365b..5d22d8b 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -101,6 +101,10 @@ h2 { font-size: var(--step-0); font-weight: 600; }
.column-aside {
width: auto;
}
+
+ .home--series .column-aside {
+ order: -1;
+ }
}
.column {