Add vertically compact layout for touch keyboard devices

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 */

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| %>