Various styling and language tweaks

UI/AutomatonGui.ts

@@ -254,9 +254,9 @@ class AutomatonGui {
 
         LocalStorageSource.Get("automation-theme-id", "missing_streets").syncWith(themeSelect.GetValue())
 
-
         const tilepath = ValidatedTextField.InputForType("url", {
             placeholder: "Specifiy the path of the overview",
+            inputStyle: "width: 100%"
         })
         tilepath.SetClass("w-full")
         LocalStorageSource.Get("automation-tile_path").syncWith(tilepath.GetValue(), true)

UI/Base/MinimapImplementation.ts

@@ -43,6 +43,7 @@ export default class MinimapImplementation extends BaseUIElement implements Mini
         this._addLayerControl = options.addLayerControl ?? false
         this._options = options
         MinimapImplementation._nextId++
+        this.SetClass("relative")
 
     }
 

UI/BigComponents/FullWelcomePaneWithTabs.ts

@@ -56,10 +56,8 @@ export default class FullWelcomePaneWithTabs extends ScrollableFullScreen {
                                      isShown: UIEventSource<boolean>):
         { header: string | BaseUIElement; content: BaseUIElement }[] {
 
-        let welcome: BaseUIElement = new ThemeIntroductionPanel(isShown);
-
         const tabs: { header: string | BaseUIElement, content: BaseUIElement }[] = [
-            {header: `<img src='${state.layoutToUse.icon}'>`, content: welcome},
+            {header: `<img src='${state.layoutToUse.icon}'>`, content: new ThemeIntroductionPanel(isShown)},
         ]
 
 

UI/BigComponents/LeftControls.ts

@@ -51,7 +51,7 @@ export default class LeftControls extends Combine {
                         return new FeatureInfoBox(tagsSource, currentViewFL.layerDef, state, "currentview", guiState.currentViewControlIsOpened)
                             .SetClass("md:floating-element-width")
                     })
-                }))
+                })).SetStyle("width: 40rem").SetClass("block")
 
 
                 return new Toggle(

assets/layers/charging_station/charging_station.json

@@ -102,7 +102,7 @@
           "ifnot": "scooter=no",
           "then": {
             "en": "<b>Scooters</b> can be charged here",
-            "nl": "<b>Electrische scooters</b> (snorfiets of bromfiets) kunnen hier opgeladen worden",
+            "nl": "<b>Elektrische scooters</b> (snorfiets of bromfiets) kunnen hier opgeladen worden",
             "de": "<b>Roller</b> können hier geladen werden"
           }
         },
@@ -3553,7 +3553,7 @@
       ],
       "title": {
         "en": "charging station with a normal european wall plug <img src='./assets/layers/charging_station/TypeE.svg' style='width: 2rem; height: 2rem; float: left; background: white; border-radius: 1rem; margin-right: 0.5rem'/> (meant to charge electrical bikes)",
-        "nl": "laadpunt met gewone stekker(s) <img src='./assets/layers/charging_station/TypeE.svg' style='width: 2rem; height: 2rem; float: left; background: white; border-radius: 1rem; margin-right: 0.5rem'/> (bedoeld om electrische fietsen op te laden)"
+        "nl": "laadpunt voor elektrische fietsen met gewone stekker(s)"
       },
       "preciseInput": {
         "preferredBackground": "map"

assets/layers/charging_station/charging_station.protojson

@@ -38,7 +38,7 @@
           ]
         },
         "then": {
-          "en": "Charging station for ebikes",
+          "en": "Charging station for electrical bicycles",
           "nl": "Oplaadpunt voor elektrische fietsen"
         }
       },

assets/themes/grb_import/grb.json

@@ -700,8 +700,6 @@
             "iconSize": "15,15,center"
           }
         ]
-
-      
       }
     }
   ],

assets/themes/speelplekken/speelplekken.json

@@ -13,13 +13,16 @@
   "maintainer": "MapComplete",
   "icon": "./assets/themes/speelplekken/logo.svg",
   "hideFromOverview": true,
-  "lockLocation": [ [
+  "lockLocation": [
+    [
       4.291534423828125,
       51.061249423389796
-  ],   [
+    ],
+    [
       4.604301452636719,
       51.23978120350654
-  ]],
+    ]
+  ],
   "version": "0",
   "startLat": 51.17174,
   "startLon": 4.449462,

assets/themes/toerisme_vlaanderen/toerisme_vlaanderen.json

@@ -14,10 +14,10 @@
     "nl": "<p class='mb-4'><i>Pin je punt</i> is een open toerismekaart waarin wandelaars en fietsers nuttige gegevens verzamelen die handig zijn voor andere wandelaars en fietsers.</p><p>Met de steun van Toerisme Vlaanderen</p><img style='max-height:10rem; float: right; margin-top: 4rem; background: white; width: auto; padding: 0.5rem' src='./assets/themes/toerisme_vlaanderen/logo.png' />"
   },
   "description": {
-    "nl": "<p class='mb-4'><i>Pin je punt</i> is een open toerismekaart waarin wandelaars en fietsers nuttige info verzamelen voor andere wandelaars en fietsers.<b>Klik op de exacte locatie op de kaart</b>om een punt toe te voegen of op een bestaand punt om het te wijzigen. We verzamelen:<ol><li>Laadpunten voor e-bikes</li><li>Openbare toiletten</li><li>Zit- en picknickbankjes</li><li>Uitkijktorens</li><li>Fietsherstelpunten</li><li>Fietsverhuurpunten</li><li>Speeltuinen</li></ol></p>"
+    "nl": "<p class='mb-4'><i>Pin je punt</i> is een open toerismekaart waarin wandelaars en fietsers nuttige info verzamelen voor andere wandelaars en fietsers.</p><p><b>Klik op de exacte locatie op de kaart</b> om een punt toe te voegen of op een bestaand punt om het te wijzigen. <br/> We verzamelen:<ol><li>Laadpunten voor elektrische fietsen</li><li>Openbare toiletten</li><li>Zit- en picknickbankjes</li><li>Uitkijktorens</li><li>Fietsherstelpunten</li><li>Fietsverhuurpunten</li><li>Speeltuinen</li></ol></p>"
   },
   "descriptionTail": {
-    "nl": "<p>Een initiatief van de 5 provinciale toeristische organisaties en Toerisme Vlaanderen</p><a href='https://www.toerismevlaanderen.be/pinjepunt'>Meer informatie op toerismevlaanderen.be</a><img style='height:5rem; width: auto;' class='mt-6 mb-2' src='./assets/themes/toerisme_vlaanderen/logo.png' />"
+    "nl": "<p>Een initiatief van de 5 provinciale toeristische organisaties en Toerisme Vlaanderen</p><p><a href='https://www.toerismevlaanderen.be/pinjepunt'>Meer informatie op toerismevlaanderen.be</a></p><img style='height:5rem; width: auto; float:right; margin-top: 1.25rem; margin-bottom: 0.5rem; margin-left: 6rem;' src='./assets/themes/toerisme_vlaanderen/logo.png' />"
   },
   "icon": "./assets/svg/teardrop_with_hole_green.svg",
   "startZoom": 8,

css/index-tailwind-output.css

@@ -892,6 +892,10 @@ video {
   margin-top: 0.5rem;
 }
 
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
+
 .ml-2 {
   margin-left: 0.5rem;
 }
@@ -932,10 +936,6 @@ video {
   margin-right: 0.75rem;
 }
 
-.mb-2 {
-  margin-bottom: 0.5rem;
-}
-
 .mb-0 {
   margin-bottom: 0px;
 }

index.css

@@ -503,6 +503,7 @@ li::marker {
 }
 
 
+
 /***************** Info box (box containing features and questions ******************/
 
 input {

langs/layers/nl.json

@@ -1249,7 +1249,7 @@
         "name": "Oplaadpunten",
         "presets": {
             "0": {
-                "title": "laadpunt met gewone stekker(s) <img src='./assets/layers/charging_station/TypeE.svg' style='width: 2rem; height: 2rem; float: left; background: white; border-radius: 1rem; margin-right: 0.5rem'/> (bedoeld om electrische fietsen op te laden)"
+                "title": "laadpunt voor elektrische fietsen met gewone stekker(s)"
             },
             "1": {
                 "title": "oplaadstation voor elektrische auto's"
@@ -1459,7 +1459,7 @@
                         "then": "<b>Elektrische auto's</b> kunnen hier opgeladen worden"
                     },
                     "2": {
-                        "then": "<b>Electrische scooters</b> (snorfiets of bromfiets) kunnen hier opgeladen worden"
+                        "then": "<b>Elektrische scooters</b> (snorfiets of bromfiets) kunnen hier opgeladen worden"
                     },
                     "3": {
                         "then": "<b>Vrachtwagens</b> kunnen hier opgeladen worden"