Phone 320px: list grids with a 290-420px minimum column use minmax(min(N, 100%), 1fr), so a single column fits a 320px screen (#53)

ddiff --git a/public/css/applications.css b/public/css/applications.css
iindex 5bf892b..6c364ba 100644
---- a/public/css/applications.css
++++ b/public/css/applications.css
@@@ -6,7 +6,7 @@
  .app-summary .is-empty { color: var(--text-muted, #7386a3); }
  .app-group { margin-top: 22px; }
  .app-group h2 { margin: 0 0 8px; font-size: 1.1rem; }
--.app-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
++.app-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); }
  .app-item { border: 1px solid var(--border, #1f2d47); border-radius: 12px; background: var(--bg-card, #131c2e); padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; }
  .app-item p { margin: 0; }
  .app-title { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }