Mobile-friendly UX for adding chocies

Author: chhoumann

README.md

@@ -9,13 +9,14 @@ Quickly add new pages or content to your vault.
 You can also do a [manual installation](docs/ManualInstallation.md).
 
 ## What's new?
-### 0.3.10
+### 0.3.10 - 0.3.11
 - Added a warning when deleting a Multi choice that you will delete all choices within.
 - Fix #51 - Templater syntax is now processed when appending to the current file.
 - Fix "Template (not found)" for templates that exist.
 - Fix #46 - Error if adding a template that doesn't exist.
 - Template: Create file in same folder as current file.
 - Fix bug with insertion and creation of 'Insert After' line (if it does not exist).
+- Mobile friendly UX for adding choices.
 
 ### 0.3.6 - 0.3.9
 - Added setting to create the 'Insert After' line if it isn't found.

manifest.json

@@ -1,7 +1,7 @@
 {
 	"id": "quickadd",
 	"name": "QuickAdd",
-	"version": "0.3.10",
+	"version": "0.3.11",
 	"minAppVersion": "0.12.5",
 	"description": "Quickly add new pages or content to your vault.",
 	"author": "Christian B. B. Houmann",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "quickadd",
-  "version": "0.3.10",
+  "version": "0.3.11",
   "description": "Quickly add new pages or content to your vault.",
   "main": "main.js",
   "scripts": {

src/gui/choiceList/AddChoiceBox.svelte

@@ -36,11 +36,18 @@
     .addChoiceBox {
         margin-top: 1em;
         display: flex;
+        flex-direction: row;
         align-items: center;
         gap: 10px;
         justify-content: center;
     }
 
+    @media (max-width: 800px) {
+        .addChoiceBox {
+            flex-direction: column;
+        }
+    }
+
     #addChoiceTypeSelector {
         font-size: 16px;
         padding: 3px;

src/gui/choiceList/ChoiceView.svelte

@@ -157,8 +157,15 @@
 <style>
     .choiceViewBottomBar {
         display: flex;
+        flex-direction: row;
         align-items: center;
         justify-content: space-between;
         margin-top: 1rem;
     }
+
+    @media (max-width: 800px) {
+        .choiceViewBottomBar {
+            flex-direction: column;
+        }
+    }
 </style>

versions.json

@@ -1,4 +1,4 @@
 {
 	"0.2.16": "0.12.4",
-	"0.3.10": "0.12.5"
+	"0.3.11": "0.12.5"
 }