diff --git a/frontend/src/styles/pages/LocationMapManager.css b/frontend/src/styles/pages/LocationMapManager.css index a467313..6b99390 100644 --- a/frontend/src/styles/pages/LocationMapManager.css +++ b/frontend/src/styles/pages/LocationMapManager.css @@ -998,8 +998,8 @@ } .location-map-toolbar { - --location-map-mode-slot: 136px; - --location-map-history-slot: 76px; + --location-map-mode-slot: 124px; + --location-map-history-slot: 84px; display: grid; grid-template-columns: var(--location-map-mode-slot) minmax(0, 1fr); align-items: center; @@ -1089,15 +1089,15 @@ @media (max-width: 380px) { .location-map-toolbar { - grid-template-columns: var(--location-map-mode-slot, 136px) var(--location-map-history-slot, 76px); + grid-template-columns: var(--location-map-mode-slot, 124px) var(--location-map-history-slot, 84px); } .location-map-toolbar.has-history-slot { - grid-template-columns: var(--location-map-mode-slot, 136px) var(--location-map-history-slot, 76px); + grid-template-columns: var(--location-map-mode-slot, 124px) var(--location-map-history-slot, 84px); } .location-map-history-buttons { - width: var(--location-map-history-slot, 76px); + width: var(--location-map-history-slot, 84px); } .location-map-history-buttons button, diff --git a/frontend/tests/location-map-manager.spec.ts b/frontend/tests/location-map-manager.spec.ts index b8991c3..e76d3fa 100644 --- a/frontend/tests/location-map-manager.spec.ts +++ b/frontend/tests/location-map-manager.spec.ts @@ -1368,9 +1368,9 @@ test("mobile keeps draft preview status compact in the topbar", async ({ page }) expect(statusBox.y).toBeLessThan(titleBox.y + titleBox.height); expect(statusBox.x).toBeGreaterThan(titleBox.x); expect(toolbarBox.height).toBeLessThanOrEqual(64); - expect(modeBox.width).toBeGreaterThanOrEqual(134); - expect(modeBox.width).toBeLessThanOrEqual(138); - expect(reservedHistoryBox.width).toBeGreaterThanOrEqual(70); + expect(modeBox.width).toBeGreaterThanOrEqual(122); + expect(modeBox.width).toBeLessThanOrEqual(126); + expect(reservedHistoryBox.width).toBeGreaterThanOrEqual(82); expect(reservedHistoryBox.x).toBeGreaterThan(modeBox.x + modeBox.width - 1); await expect(historyActions.getByRole("button", { name: "Undo" })).toBeVisible(); await expect(historyActions.getByRole("button", { name: "Redo" })).toBeVisible(); @@ -1399,8 +1399,8 @@ test("mobile keeps draft preview status compact in the topbar", async ({ page }) expect(Math.abs(editModeBox.x - modeBox.x)).toBeLessThanOrEqual(1); expect(Math.abs(editModeGroupBox.width - modeGroupBox.width)).toBeLessThanOrEqual(1); expect(Math.abs(editModeBox.width - modeBox.width)).toBeLessThanOrEqual(1); - expect(editModeBox.width).toBeGreaterThanOrEqual(134); - expect(editModeBox.width).toBeLessThanOrEqual(138); + expect(editModeBox.width).toBeGreaterThanOrEqual(122); + expect(editModeBox.width).toBeLessThanOrEqual(126); expect(Math.abs(editHistoryBox.width - reservedHistoryBox.width)).toBeLessThanOrEqual(1); expect(editHistoryBox.x).toBeGreaterThan(editModeBox.x + editModeBox.width); expect(editZoomBox.x).toBeGreaterThan(editHistoryBox.x + editHistoryBox.width); @@ -1459,8 +1459,8 @@ test("narrow mobile toolbar keeps map controls tappable without overflow", async expect(toolbarBox.x).toBeGreaterThanOrEqual(0); expect(toolbarBox.x + toolbarBox.width).toBeLessThanOrEqual(361); - expect(modeBox.width).toBeGreaterThanOrEqual(134); - expect(modeBox.width).toBeLessThanOrEqual(138); + expect(modeBox.width).toBeGreaterThanOrEqual(122); + expect(modeBox.width).toBeLessThanOrEqual(126); expect(modeBox.x + modeBox.width).toBeLessThanOrEqual(historyBox.x); expect(zoomBox.y).toBeGreaterThan(modeBox.y + modeBox.height - 1); expect(zoomBox.x).toBeGreaterThanOrEqual(toolbarBox.x);