release: v0.18.1 (#734)

## Thanks

- [@RichKidsDev](https://github.com/RichKidsDev) for reporting the admin
layout on iPhone (#732).

### Fixed

- **The admin fits a phone**
  ([#733](https://github.com/ralksta/immich-folio/pull/733), reported in
  [#732](https://github.com/ralksta/immich-folio/issues/732) by
[@RichKidsDev](https://github.com/RichKidsDev)). Below 860px the sidebar
  unfolded above the content — navigation, status and four actions — and
filled most of an iPhone screen. It is now a header row with the brand
and
a menu button; the menu opens as one column of full-width rows and
closes
again on navigation, and an unread message shows as a dot on the button.
  Desktop is unchanged.

- **The settings editor refuses prototype keys in a setting's path**
([#731](https://github.com/ralksta/immich-folio/pull/731)). All paths
are
written in the code, so this was not reachable; CodeQL flagged the
setter
  after the v0.18.0 release.

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: ralksta <ralksta@users.noreply.github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Claude Opus 5 <noreply@anthropic.com>
Co-authored-by: Ralf <rohlenbo79@gmail.com>
Co-authored-by: Paul Thies <110185070+ImScheinox@users.noreply.github.com>
Co-authored-by: lancetm714 <108419425+lancetm714@users.noreply.github.com>
Co-authored-by: Lance Martin <lancetaylor95@gmail.com>

app/admin/styles/redesign.css

@@ -1247,3 +1247,80 @@
     display: none;
   }
 }
+
+/* ── Phone header (#732) ───────────────────────────────────── */
+
+/* On a phone the sidebar used to unfold above the content — nav, status,
+   and four actions — and filled most of an iPhone screen. It is now a
+   header row with the brand and a menu button; the rest opens on demand. */
+.admin-menu-toggle {
+  display: none;
+}
+
+@media (max-width: 860px) {
+  .admin-sidebar {
+    display: grid;
+    grid-template-columns: 1fr auto;
+    align-items: center;
+    gap: 0;
+    padding: 0.6rem 1rem;
+  }
+
+  .admin-sidebar .admin-brand {
+    margin: 0;
+  }
+
+  .admin-menu-toggle {
+    position: relative;
+    display: inline-grid;
+    place-items: center;
+    width: 40px;
+    height: 40px;
+    border: 1px solid var(--admin-border);
+    border-radius: var(--admin-radius);
+    background: transparent;
+    color: var(--admin-text);
+    cursor: pointer;
+  }
+
+  .admin-menu-toggle:focus-visible {
+    outline: var(--admin-focus-ring);
+    outline-offset: 2px;
+  }
+
+  .admin-menu-dot {
+    position: absolute;
+    top: 7px;
+    right: 7px;
+    width: 7px;
+    height: 7px;
+    border-radius: 50%;
+    background: var(--admin-accent);
+  }
+
+  .admin-sidebar-menu {
+    display: none;
+    grid-column: 1 / -1;
+    padding-top: 0.75rem;
+  }
+
+  .admin-app.menu-open .admin-sidebar-menu {
+    display: block;
+  }
+
+  .admin-app.menu-open .admin-sidebar {
+    max-height: 100dvh;
+    overflow-y: auto;
+  }
+
+  /* One column: tap targets of a full row, not a wrapped cloud of links. */
+  .admin-nav {
+    flex-direction: column;
+    flex-wrap: nowrap;
+    gap: 0;
+  }
+
+  .admin-nav .admin-nav-item {
+    min-height: 44px;
+  }
+}