From 65b2db0ec89dc3a0bdbad22e3c7202b2cb4022b4 Mon Sep 17 00:00:00 2001
From: Adrien Maston <adrien@37signals.com>
Date: Fri, 23 Jan 2026 12:58:42 +0100
Subject: [PATCH] Add vertically compact layout for touch keyboard devices

---
 app/assets/stylesheets/layout.css | 7 +++++++
 app/views/boards/new.html.erb     | 1 +
 2 files changed, 8 insertions(+)

diff --git a/app/assets/stylesheets/layout.css b/app/assets/stylesheets/layout.css
index ef65d7b6b..f789f7ceb 100644
--- a/app/assets/stylesheets/layout.css
+++ b/app/assets/stylesheets/layout.css
@@ -6,6 +6,13 @@
     &.public {
       grid-template-rows: auto 1fr auto;
     }
+
+    &.compact-on-touch {
+      @media (any-hover: none) {
+        grid-template-rows: auto 1fr auto;
+        min-height: unset;
+      }
+    }
   }
 
   /* Required for the card column page on mobile, but not needed otherwise */
diff --git a/app/views/boards/new.html.erb b/app/views/boards/new.html.erb
index 928237a84..5058d6455 100644
--- a/app/views/boards/new.html.erb
+++ b/app/views/boards/new.html.erb
@@ -1,4 +1,5 @@
 <% @page_title = "Create a new board" %>
+<% @body_class = "compact-on-touch" %>
 
 <div class="panel panel--centered">
   <%= bridged_form_with model: @board, class: "flex flex-column gap", data: { controller: "form", action: "submit->form#preventEmptySubmit" } do |form| %>