diff --git a/SAKPaaS/src/app/components/footer/footer.component.scss b/SAKPaaS/src/app/components/footer/footer.component.scss index ff97efb3..39b6f50f 100644 --- a/SAKPaaS/src/app/components/footer/footer.component.scss +++ b/SAKPaaS/src/app/components/footer/footer.component.scss @@ -6,6 +6,7 @@ bottom: 5px; left: 5px; flex-wrap: wrap; + z-index: 2; } .footer * { diff --git a/SAKPaaS/src/app/components/home/home.component.html b/SAKPaaS/src/app/components/home/home.component.html index 0f1aa65e..aa0fc3bd 100644 --- a/SAKPaaS/src/app/components/home/home.component.html +++ b/SAKPaaS/src/app/components/home/home.component.html @@ -2,5 +2,5 @@ - + diff --git a/SAKPaaS/src/app/components/locate-button/locate-button.component.scss b/SAKPaaS/src/app/components/locate-button/locate-button.component.scss index b82f2da9..bb2f2570 100644 --- a/SAKPaaS/src/app/components/locate-button/locate-button.component.scss +++ b/SAKPaaS/src/app/components/locate-button/locate-button.component.scss @@ -11,6 +11,7 @@ button { color: white; padding: 0; box-shadow: 0 5px 20px 0 rgba(11, 0, 51, 0.2); + z-index: 3; ::ng-deep * { padding: 3.75px; font-size: 20px; diff --git a/SAKPaaS/src/styles.scss b/SAKPaaS/src/styles.scss index f100fcb4..fee5a1c2 100644 --- a/SAKPaaS/src/styles.scss +++ b/SAKPaaS/src/styles.scss @@ -47,6 +47,10 @@ body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } } } +div.ol-overlaycontainer-stopevent { + z-index: auto !important; +} + div.ol-zoom { top: auto; left: auto; @@ -67,6 +71,7 @@ div.ol-rotate { background-color: transparent; color: white; border-radius: 7px; + z-index: 3; } div.ol-control:hover {