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; } }