fix: rearrange added dropdowns to reduce rearranging

now they appear right of the default dropdowns rather than mixed into them, so on desktop they appear next to the originals, and on mobile they add a new row
gregdan3 · Sep 15, 2024 · f9b4b51 · f9b4b51
1 parent 2fa4990
commit f9b4b51
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -284,20 +284,19 @@ const frontmatter = { title: "ilo Muni" };
         <input type="text" id="searchBox" spellcheck="false" />
       </div>
 
-      <IntDropdown
-        options={LENGTHS}
-        singularText="All sentences"
-        pluralText="+ words per sentence"
-        id="sentLenDropdown"
-        style="nodisplay"
-      />
-
       <CategorizedDropdown
         id="scaleDropdown"
         options={SCALES}
         selected={defaultScale}
       />
 
+      <IntDropdown
+        id="smoothingDropdown"
+        options={SMOOTHINGS}
+        selected={defaultSmoothing}
+        pluralText=" smoothing"
+      />
+
       <CategorizedDropdown
         id="smootherDropdown"
         options={SMOOTHERS}
@@ -306,10 +305,11 @@ const frontmatter = { title: "ilo Muni" };
       />
 
       <IntDropdown
-        id="smoothingDropdown"
-        options={SMOOTHINGS}
-        selected={defaultSmoothing}
-        pluralText=" smoothing"
+        options={LENGTHS}
+        singularText="All sentences"
+        pluralText="+ words per sentence"
+        id="sentLenDropdown"
+        style="nodisplay"
       />
 
       <div></div>