From 07fe14c6ae38572062bde1a996320d3ff9534089 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <marc@bombeck.io>
Date: Fri, 12 Jun 2026 19:13:00 +0200
Subject: [PATCH] feat(medications): the order editor opens behind the shared
 customize glyph

The header slot left of the add button now carries the same Settings2
icon the dashboard and insights headers use for their customize entry
points, so all three pages signal layout customization identically.
---
 src/app/medications/page.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/app/medications/page.tsx b/src/app/medications/page.tsx
index f948b5e80..a0a611642 100644
--- a/src/app/medications/page.tsx
+++ b/src/app/medications/page.tsx
@@ -26,7 +26,7 @@ import {
 } from "@/components/ui/dropdown-menu";
 import { EmptyState } from "@/components/ui/empty-state";
 import { Skeleton } from "@/components/ui/skeleton";
-import { ArrowDownUp, CheckCircle2, Loader2, Pill, Plus } from "lucide-react";
+import { CheckCircle2, Loader2, Pill, Plus, Settings2 } from "lucide-react";
 import { apiGet } from "@/lib/api/api-fetch";
 import { useMedicationListLayout } from "@/lib/queries/use-medication-list-layout";
 import { applyMedicationOrder } from "@/lib/medications/medication-order";
@@ -269,8 +269,11 @@ export default function MedicationsPage() {
         <div className="flex shrink-0 items-center gap-2">
           {/* v1.16.10 — card ⇄ table view toggle, persisted server-side
               per user; plus the manual-order editor shared by both
-              views. The reorder affordance only earns its slot once
-              there is something to reorder. */}
+              views. The editor opens behind the same Settings2 glyph
+              the dashboard and insights headers use for their
+              customize entry points, in the same slot (left of the
+              add button). It only earns its slot once there is
+              something to reorder. */}
           <MedicationViewToggle view={layout.view} onChange={setView} />
           {medsArray.length > 1 && (
             <Button
@@ -281,7 +284,7 @@ export default function MedicationsPage() {
               aria-label={t("medications.reorderTitle")}
               title={t("medications.reorderTitle")}
             >
-              <ArrowDownUp className="h-4 w-4" />
+              <Settings2 className="h-4 w-4" />
             </Button>
           )}
           {/* v1.14.0 — the "Add" button is now a choice: log an intake