Fixed layout for mobile editor (#304)

marcokreeft87 · Oct 15, 2023 · 9b5ae5e · 9b5ae5e
1 parent f341c97
commit 9b5ae5e
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 10 deletions.
diff --git a/formulaone-card.js b/formulaone-card.js
diff --git a/formulaone-card.js.gz b/formulaone-card.js.gz
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "formulaone-card",
-  "version": "1.8.7",
+  "version": "1.8.8",
   "description": "Frontend card for Home Assistant to display Formula One data",
   "main": "index.js",
   "scripts": {

diff --git a/src/editor.ts b/src/editor.ts
@@ -35,7 +35,7 @@ export class FormulaOneCardEditor extends EditorForm {
                     { label: "Row limit", configValue: "row_limit", type: FormControlType.Textbox },
                     { label: "Date locale", configValue: "date_locale", type: FormControlType.Textbox }
                 ]
-            },    
+            },
             {
                 label: "Countdown Type",
                 hidden: this._config.card_type !== FormulaOneCardType.Countdown,
@@ -48,9 +48,9 @@ export class FormulaOneCardEditor extends EditorForm {
                     { label: "Next race delay", configValue: "next_race_delay", type: FormControlType.Textbox },
                 ]
             },
-            { 
+            {
                 hidden: this._config.card_type !== FormulaOneCardType.Schedule,
-                controls: [{ label: "Previous race", configValue: "previous_race", type: FormControlType.Dropdown, items: getDropdownOptionsFromEnum(PreviousRaceDisplay) }] 
+                controls: [{ label: "Previous race", configValue: "previous_race", type: FormControlType.Dropdown, items: getDropdownOptionsFromEnum(PreviousRaceDisplay) }]
             },
             {
                 label: "Standings",
@@ -61,14 +61,14 @@ export class FormulaOneCardEditor extends EditorForm {
                     { label: "Show flag", configValue: "standings.show_flag", type: FormControlType.Switch },
                     { label: "Show teamlogo", configValue: "standings.show_teamlogo", type: FormControlType.Switch }
                 ]
-            }, 
+            },
             {
                 label: "Weather",
                 hidden: this._config.card_type !== FormulaOneCardType.NextRace && this._config.card_type !== FormulaOneCardType.Countdown,
                 controls: [
                     { label: "Show weather", configValue: "show_weather", type: FormControlType.Switch }
                 ]
-            }, 
+            },
             {
                 cssClass: 'side-by-side',
                 hidden: (this._config.card_type !== FormulaOneCardType.NextRace && this._config.card_type !== FormulaOneCardType.Countdown) || !this._config.show_weather,
@@ -89,7 +89,7 @@ export class FormulaOneCardEditor extends EditorForm {
                 controls: [
                     { label: "Tabs order", configValue: "tabs_order", type: FormControlType.Textbox }
                 ]
-            }, 
+            },
         ]);
     }
 
@@ -122,6 +122,11 @@ export class FormulaOneCardEditor extends EditorForm {
             .hidden {
                 display: none;
             }
+            @media (max-width: 600px) {
+                .side-by-side > .form-control {
+                    width: 48%;
+                }
+            }
         `;
     }
 }