Options: move the default search engine higher on the page

philc · Sep 17, 2023 · f8d5627 · f8d5627
1 parent 805e552
commit f8d5627
Showing 1 changed file with 18 additions and 22 deletions.
diff --git a/pages/options.html b/pages/options.html
@@ -166,9 +166,7 @@
             <div class="help">
               <div class="example">
                 You activate the link with <tt>Enter</tt>, <em>always</em>; so you never
-                accidentally type
-                Vimium
-                commands.
+                accidentally type Vimium commands.
               </div>
             </div>
             <label>
@@ -235,53 +233,52 @@
           </td>
         </tr>
         <tr>
-          <td class="caption">Previous patterns</td>
+          <td class="caption">Default search<br />engine</td>
           <td verticalAlign="top">
             <div class="help">
               <div class="example">
-                The "navigate to previous page" command uses these patterns to find the link to
-                follow.
+                The search engine to use in the Vomnibar <br> (e.g.: "https://duckduckgo.com/?q=").
               </div>
             </div>
-            <input id="previousPatterns" type="text" />
+            <input id="searchUrl" type="text" />
             <div class="example info reset-link"><a href="#">Reset</a></div>
           </td>
         </tr>
         <tr>
-          <td class="caption">Next patterns</td>
+          <td class="caption">Previous patterns</td>
           <td verticalAlign="top">
             <div class="help">
               <div class="example">
-                The "navigate to next page" command uses these patterns to find the link to follow.
+                The "navigate to previous page" command uses these patterns to find the link to
+                follow.
               </div>
             </div>
-            <input id="nextPatterns" type="text" />
+            <input id="previousPatterns" type="text" />
             <div class="example info reset-link"><a href="#">Reset</a></div>
           </td>
         </tr>
         <tr>
-          <td class="caption">New tab URL</td>
+          <td class="caption">Next patterns</td>
           <td verticalAlign="top">
             <div class="help">
               <div class="example">
-                The page to open with the "create new tab" command.
-                Set this to "<tt>pages/blank.html</tt>" for a blank page (except incognito
-                mode).<br />
+                The "navigate to next page" command uses these patterns to find the link to follow.
               </div>
             </div>
-            <input id="newTabUrl" type="text" />
+            <input id="nextPatterns" type="text" />
             <div class="example info reset-link"><a href="#">Reset</a></div>
           </td>
         </tr>
         <tr>
-          <td class="caption">Default search<br />engine</td>
+          <td class="caption">New tab URL</td>
           <td verticalAlign="top">
             <div class="help">
               <div class="example">
-                The search engine to use in the Vomnibar <br> (e.g.: "https://duckduckgo.com/?q=").
+                The page to open with the "create new tab" command. Set this to
+                "<tt>pages/blank.html</tt>" for a blank page (except incognito mode).<br />
               </div>
             </div>
-            <input id="searchUrl" type="text" />
+            <input id="newTabUrl" type="text" />
             <div class="example info reset-link"><a href="#">Reset</a></div>
           </td>
         </tr>
@@ -291,12 +288,11 @@
             <div class="help">
               <div class="example">
                 These styles are applied to link hints, the Vomnibar, the help dialog, the
-                exclusions pop-up
-                and the HUD.<br />
+                exclusions pop-up and the HUD.<br />
                 By default, this CSS is used to style the characters next to each link
                 hint.<br /><br />
-                These styles are used in addition to and take precedence over Vimium's
-                default styles.
+                These styles are used in addition to and take precedence over Vimium's default
+                styles.
               </div>
             </div>
             <textarea id="userDefinedLinkHintCss" class="code" type="text"></textarea>