diff --git a/frontend/src/styles/pages/LocationMapManager.css b/frontend/src/styles/pages/LocationMapManager.css index ff4828a..1db49f6 100644 --- a/frontend/src/styles/pages/LocationMapManager.css +++ b/frontend/src/styles/pages/LocationMapManager.css @@ -1200,7 +1200,7 @@ } .location-map-toolbar { - --location-map-mode-slot: 168px; + --location-map-mode-slot: 132px; --location-map-history-slot: 84px; column-gap: 0.15rem; row-gap: 0.35rem; @@ -1219,13 +1219,6 @@ min-width: 28px; } - .location-map-toolbar.has-history-slot .location-map-zoom-controls { - grid-column: 1 / -1; - width: 100%; - justify-self: stretch; - justify-content: space-between; - } - .location-map-display-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); } diff --git a/frontend/tests/location-map-manager.spec.ts b/frontend/tests/location-map-manager.spec.ts index 5b90566..f1a51af 100644 --- a/frontend/tests/location-map-manager.spec.ts +++ b/frontend/tests/location-map-manager.spec.ts @@ -1443,8 +1443,8 @@ test("mobile keeps viewing draft 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(166); - expect(modeBox.width).toBeLessThanOrEqual(172); + expect(modeBox.width).toBeGreaterThanOrEqual(130); + expect(modeBox.width).toBeLessThanOrEqual(136); await expect(historyActions).toHaveCount(0); expect(zoomBox.y).toBeLessThan(modeBox.y + modeBox.height); expect(zoomBox.x).toBeGreaterThan(modeBox.x + modeBox.width - 1); @@ -1470,13 +1470,14 @@ test("mobile keeps viewing draft 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(166); - expect(editModeBox.width).toBeLessThanOrEqual(172); + expect(editToolbarBox.height).toBeLessThanOrEqual(64); + expect(editModeBox.width).toBeGreaterThanOrEqual(130); + expect(editModeBox.width).toBeLessThanOrEqual(136); expect(editHistoryBox.width).toBeGreaterThanOrEqual(82); expect(editHistoryBox.x).toBeGreaterThan(editModeBox.x + editModeBox.width); expect(editHistoryBox.x + editHistoryBox.width).toBeLessThanOrEqual(editToolbarBox.x + editToolbarBox.width + 1); - expect(editZoomBox.y).toBeGreaterThan(editModeBox.y + editModeBox.height - 1); - expect(editZoomBox.x).toBeGreaterThanOrEqual(editToolbarBox.x); + expect(editZoomBox.y).toBeLessThan(editModeBox.y + editModeBox.height); + expect(editZoomBox.x).toBeGreaterThan(editHistoryBox.x + editHistoryBox.width - 1); expect(editZoomBox.x + editZoomBox.width).toBeLessThanOrEqual(editToolbarBox.x + editToolbarBox.width + 1); }); @@ -1582,8 +1583,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(166); - expect(modeBox.width).toBeLessThanOrEqual(172); + expect(modeBox.width).toBeGreaterThanOrEqual(130); + expect(modeBox.width).toBeLessThanOrEqual(136); expect(modeBox.x + modeBox.width).toBeLessThanOrEqual(historyBox.x); expect(zoomBox.y).toBeGreaterThan(modeBox.y + modeBox.height - 1); expect(zoomBox.x).toBeGreaterThanOrEqual(toolbarBox.x);