diff --git a/UI/LayerSelection.ts b/UI/LayerSelection.ts
index 5c51987ee5..37049f2249 100644
--- a/UI/LayerSelection.ts
+++ b/UI/LayerSelection.ts
@@ -14,13 +14,13 @@ export class LayerSelection extends UIElement{
this._checkboxes.push(new CheckBox(
new Combine([
``,
`
`,
layer.layerDef.name]),
new Combine([
``,
``,
layer.layerDef.name]),
diff --git a/index.css b/index.css
index f7aa9ffc43..1b32331f53 100644
--- a/index.css
+++ b/index.css
@@ -274,19 +274,29 @@ form {
.filter__button {
outline: none;
border: none;
- padding: 1rem;
+ width: 60px;
+ height: 60px;
border-radius: 50%;
- box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
background-color: white;
+ position: relative;
+}
+
+.filter__button--shadow {
+ box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
+}
+
+.filter__button svg {
+ vertical-align: middle;
}
#filter__selection ul {
background-color: white;
border-radius: 15px;
- padding: 15px 25px 15px 18px;
+ padding: 15px 25px 60px 18px;
list-style: none;
margin: 0;
font-weight: 600;
+ transform: translateY(60px);
}
#filter__selection ul li span > span {
diff --git a/index.ts b/index.ts
index 0b8f09102e..1baa1f77cc 100644
--- a/index.ts
+++ b/index.ts
@@ -34,6 +34,7 @@ import {FixedUiElement} from "./UI/Base/FixedUiElement";
import ParkingType from "./Customizations/Questions/bike/ParkingType";
import { LayerDefinition } from "./Customizations/LayerDefinition";
import { LayerSelection } from "./UI/LayerSelection";
+import Combine from "./UI/Base/Combine";
// --------------------- Read the URL parameters -----------------
@@ -314,8 +315,8 @@ locationControl.ping();
// --------------- Setting up filter ui --------
-const filterButton = `
-