Minor alignment fix for the embedded map button icons

This commit is contained in:
Dean 2022-09-21 11:58:57 +01:00
parent f62888d0f8
commit e0f0563c7a
2 changed files with 7 additions and 2 deletions

View File

@ -374,6 +374,11 @@
min-height: 180px; min-height: 180px;
min-width: 200px; min-width: 200px;
} }
.embedded-map :global(a.map-svg-button) {
display: flex;
justify-content: center;
align-items: center;
}
.embedded-map :global(.leaflet-top), .embedded-map :global(.leaflet-top),
.embedded-map :global(.leaflet-bottom) { .embedded-map :global(.leaflet-bottom) {
z-index: 998; z-index: 998;

View File

@ -37,7 +37,7 @@ const FullScreenControl = L.Control.extend({
this._fullScreenButton = this._createButton( this._fullScreenButton = this._createButton(
options.fullScreenContent, options.fullScreenContent,
options.fullScreenTitle, options.fullScreenTitle,
"map-fullscreen", "map-fullscreen map-svg-button",
container, container,
this._fullScreen this._fullScreen
) )
@ -87,7 +87,7 @@ const LocationControl = L.Control.extend({
this._locationButton = this._createButton( this._locationButton = this._createButton(
options.locationContent, options.locationContent,
options.locationTitle, options.locationTitle,
"map-location", "map-location map-svg-button",
container, container,
this._location this._location
) )