Merge pull request #7869 from Budibase/fix/map-button-icon-alignment

Minor alignment fix for the embedded map button icons
This commit is contained in:
Martin McKeaveney 2022-09-21 15:35:09 +01:00 committed by GitHub
commit caab57f585
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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
) )