Remove a few empty spaces and line breaks

Most it is done by my editor automatically.

UI/Base/FixedUiElement.ts

@@ -12,5 +12,4 @@ export class FixedUiElement extends UIElement {
         return this._html;
     }
 
-
 }

UI/Base/SubtleButton.ts

@@ -14,7 +14,7 @@ export class SubtleButton extends UIElement{
         this.linkTo = linkTo;
         this.message = Translations.W(message);
         if(this.message !== null){
-        this.message.dumbMode = false;
+            this.message.dumbMode = false;
         }
         if ((imageUrl ?? "") === "") {
             this.image = new FixedUiElement("");
@@ -27,7 +27,7 @@ export class SubtleButton extends UIElement{
     }
 
     InnerRender(): string {
-        
+
         if(this.message !== null && this.message.IsEmpty()){
             // Message == null: special case to force empty text
             return "";
@@ -41,7 +41,7 @@ export class SubtleButton extends UIElement{
                 '</a>'
             ]).Render();
         }
-        
+
         return new Combine([
             '<span class="subtle-button">',
             this.image,

UI/BigComponents/MoreScreen.ts

@@ -14,10 +14,10 @@ import LanguagePicker from "../LanguagePicker";
 
 export default class MoreScreen extends UIElement {
     private readonly _onMainScreen: boolean;
-    
+
     private _component: UIElement;
 
-    
+
     constructor(onMainScreen: boolean = false) {
         super(State.state.locationControl);
         this._onMainScreen = onMainScreen;
@@ -111,7 +111,7 @@ export default class MoreScreen extends UIElement {
 
 
         const customThemesNames = State.state.installedThemes.data ?? [];
-        
+
         if (customThemesNames.length > 0) {
             els.push(Translations.t.general.customThemeIntro)
 
@@ -123,7 +123,7 @@ export default class MoreScreen extends UIElement {
         let intro : UIElement= tr.intro;
         if(this._onMainScreen){
            intro = new Combine([
-               
+
            LanguagePicker.CreateLanguagePicker(Translations.t.general.index.SupportedLanguages())
                .SetStyle("position: absolute; right: 1.5em; top: 1.5em;"),
             Translations.t.general.index.SetStyle("margin-top: 2em;display:block; margin-bottom: 1em;")

UI/Input/DropDown.ts

@@ -52,15 +52,15 @@ export class DropDown<T> extends InputElement<T> {
         if(this._values.length <=1){
             return "";
         }
-        
+
         let options = "";
         for (let i = 0; i < this._values.length; i++) {
             options += "<option value='" + i + "'>" + this._values[i].shown.InnerRender() + "</option>"
         }
-        
         return "<form>" +
             "<label for='dropdown-" + this.id + "'>" + this._label.Render() + " </label>" +
             "<select name='dropdown-" + this.id + "' id='dropdown-" + this.id + "'>" +
+
             options +
             "</select>" +
             "</form>";

assets/translations.json

@@ -167,8 +167,8 @@
       "en": "<h1 class='text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl'><span class='block text-gray-800 xl:inline'>Welcome to</span> <span class='block text-green-600 xl:inline'>MapComplete</span></h1><p class='mt-3 text-base font-semibold text-gray-500 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0'>MapComplete is an OpenStreetMap-viewer and editor, which shows you information about a specific theme.</p><p class='mt-3 text-base text-green-600 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0'>Pick a theme below to get started.</p>",
       "nl": "<h3>Welkom bij MapComplete</h3> MapComplete is een OpenStreetMap applicatie waar informatie over een specifiek thema bekeken en aangepast kan worden.<br/><br/>Kies hieronder een thema om te beginnen."
     },
-    
+
-    
+
     "loginWithOpenStreetMap": {
       "en": "Login with OpenStreetMap",
       "ca": "Entra a OpenStreetMap",
@@ -775,7 +775,7 @@
         "nl": "Selecteer lagen"
       }
     },
-    
+
     "weekdays": {
       "abbreviations": {
         "monday": {

css/mobile.css

@@ -11,11 +11,11 @@ Contains tweaks for small screens
 @media only screen and (max-width: 600px), only screen and (max-height: 600px) {
 
     .only-on-mobile {
-        display: unset !important;  
+        display: unset !important;
         background-color: var(--background-color);
         color: var(--foreground-color);
     }
-    
+
     .hidden-on-mobile {
         display: none !important;
     }
@@ -39,7 +39,7 @@ Contains tweaks for small screens
     #geolocate-button {
         display: block;
     }
-    
+
     .leaflet-popup {
         /* On mobile, the popups are shown as a full-screen element */
         display: none;
@@ -52,7 +52,7 @@ Contains tweaks for small screens
         width: 60%;
 
     }
-    
+
     .add-popup-all-buttons {
         /* Buttons in the 'add new point' have a default of 50vh maxheight which is ugly in the new context*/
         max-height: unset !important;
@@ -60,7 +60,7 @@ Contains tweaks for small screens
 
     #messagesboxmobile {
         display: block;
-    
+
         position: absolute;
         z-index: 10000;
         width: 100vw;

index.css

@@ -387,10 +387,8 @@ a {
     background-color: var(--background-color);
     color: var(--foreground-color);
 
-
     transition: opacity 500ms linear;
 
-
     text-align: center;
     horiz-align: center;
     font-weight: bold;

scripts/createLayouts.ts

@@ -150,16 +150,14 @@ function createManifest(layout: LayoutConfig, relativePath: string) {
     let icon = layout.icon;
     if (icon.endsWith(".svg") || icon.startsWith("<svg") || icon.startsWith("<?xml")) {
         // This is an svg. Lets create the needed pngs!
-        
+
         let path = layout.icon;
         if (layout.icon.startsWith("<")) {
             // THis is already the svg
             path = "./assets/generated/" + layout.id + "_logo.svg"
             writeFileSync(path, layout.icon)
         }
-        
+
-        
-        
         const sizes = [72, 96, 120, 128, 144, 152, 180, 192, 384, 512];
         for (const size of sizes) {
             const name = createIcon(path, size, layout);