From 06300578be9f19720874aa1b5cb7aa68cec1e814 Mon Sep 17 00:00:00 2001
From: nmemmert <67961292+nmemmert@users.noreply.github.com>
Date: Thu, 22 Oct 2026 13:50:17 -0400
Subject: [PATCH] Home: tiles stack title over subtitle, phone header keeps
 Quick add beside the greeting

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 public/style.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/public/style.css b/public/style.css
index b544853..ec511cd 100644
--- a/public/style.css
+++ b/public/style.css
@@ -738,4 +738,11 @@ body.nav-mini .ngrp span { display: none; }
 #settabs { margin: 12px 0 0; }
 .sgroup[hidden] { display: none; }
 .sgroup > h2:first-child, .sgroup > div:first-child > h2:first-child { margin-top: 20px; }
-@media (max-width: 560px) { #settabs { display: flex; } #settabs a { flex: 1; justify-content: center; padding: 6px 8px; } }
+.home .tile small { overflow-wrap: break-word; }
+.home .tile > span:not(.ic) { min-width: 0; }
+.home .tile { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 12px; row-gap: 0; align-content: center; }
+.home .tile .ic { grid-row: 1 / span 2; align-self: center; }
+.home .tile b { align-self: end; }
+.home .tile small { align-self: start; }
+@media (max-width: 560px) { .homehead { flex-wrap: nowrap; align-items: center; } #qpal { display: none; } } /* the command palette is a keyboard thing: Quick add sits beside the greeting on a phone */
+@media (max-width: 560px) { .homehead h1 { font-size: 24px; } .homeact .btn { white-space: nowrap; } #settabs { display: flex; } #settabs a { flex: 1; justify-content: center; padding: 6px 8px; } }