Move the map buttons up when the zoom control is off (#238)

The Reset focus and Toggle grouping buttons had fixed offsets that
leave room for Leaflet's zoom control. With map_options.zoomControl
set to false they now move up into its place.

Co-authored-by: Jesse Mäkinen <jesse.j.makinen@gmail.com>
Co-authored-by: Claude Opus 5 <noreply@anthropic.com>

Author: jesmak

src/components/MapCard.js

@@ -133,7 +133,7 @@ export default class MapCard extends LitElement {
                 <div id="map" style="min-height: ${this._config.mapHeight}px">
                   <ha-icon-button
                     label='Reset focus'
-                    style='${this._isDarkMode() ? "color:#ffffff;" : "color:#000000;"} position: absolute; top: 75px; left: 3px; z-index: 1;'
+                    style='${this._isDarkMode() ? "color:#ffffff;" : "color:#000000;"} position: absolute; top: ${this._hasZoomControl() ? 75 : 11}px; left: 3px; z-index: 1;'
                     @click=${this._fitMap}
                     tabindex="0"
                   >
@@ -142,7 +142,7 @@ export default class MapCard extends LitElement {
                   ${this._config.clusterMarkers ? html`
                     <ha-icon-button
                       label='Toggle grouping'
-                      style='${this._isDarkMode() ? "color:#ffffff;" : "color:#000000;"} position: absolute; top: 115px; left: 3px; z-index: 1;'
+                      style='${this._isDarkMode() ? "color:#ffffff;" : "color:#000000;"} position: absolute; top: ${this._hasZoomControl() ? 115 : 51}px; left: 3px; z-index: 1;'
                       @click=${this._toggleClustering}
                       tabindex="0"
                     >
@@ -155,6 +155,12 @@ export default class MapCard extends LitElement {
         `;
   }
 
+  // Leaflet shows its zoom control unless map_options.zoomControl turns it off.
+  // The card's buttons sit below it, or move up into its place.
+  _hasZoomControl() {
+    return this._config.mapOptions?.zoomControl ?? true;
+  }
+
   _fitMap() {
     this.initialViewRenderService.setup();
   }

src/components/MapCard.test.js

@@ -110,4 +110,18 @@ describe('MapCard', () => {
       expect(card.requestUpdate).not.toHaveBeenCalled();
     });
   });
+
+  describe('_hasZoomControl', () => {
+    it('is on by default', () => {
+      card._config = { mapOptions: {} };
+
+      expect(card._hasZoomControl()).toBe(true);
+    });
+
+    it('is off when map_options turns it off', () => {
+      card._config = { mapOptions: { zoomControl: false } };
+
+      expect(card._hasZoomControl()).toBe(false);
+    });
+  });
 });