Show mDNS devices first if running electron

src/App.vue

@@ -94,17 +94,6 @@ export default {
             placement: "bottom"
           }
         },
-        ...(!this.liteMode
-          ? [
-              {
-                target: "#saved-connections-grid",
-                header: {
-                  title: "Saved microscopes"
-                },
-                content: `Connect to your saved microscopes for faster access`
-              }
-            ]
-          : []),
         ...(this.isElectron && !this.liteMode
           ? [
               {
@@ -116,6 +105,17 @@ export default {
               }
             ]
           : []),
+        ...(!this.liteMode
+          ? [
+              {
+                target: "#saved-connections-grid",
+                header: {
+                  title: "Saved microscopes"
+                },
+                content: `Connect to your saved microscopes for faster access`
+              }
+            ]
+          : []),
         ...(!this.liteMode
           ? [
               {

src/components/viewComponents/connectDisplay.vue

@@ -95,23 +95,6 @@
 
       <div class="uk-width-expand">
         <ul uk-accordion="multiple: true; animation: false">
-          <li id="saved-connections-grid" class="uk-open">
-            <a class="uk-accordion-title" href="#">Saved devices</a>
-            <div class="uk-accordion-content">
-              <div class="uk-grid-medium uk-grid-match uk-margin-top" uk-grid>
-                <div v-for="host in savedHosts" :key="host.name">
-                  <hostCard
-                    :name="host.name"
-                    :hostname="host.hostname"
-                    :port="host.port"
-                    @connect="handleConnectButton(host)"
-                    @delete="delSavedHost(host)"
-                  ></hostCard>
-                </div>
-              </div>
-            </div>
-          </li>
-
           <li v-show="isElectron" id="nearby-connections-grid" class="uk-open">
             <a class="uk-accordion-title" href="#">Nearby devices</a>
             <div class="uk-accordion-content">
@@ -128,6 +111,23 @@
               </div>
             </div>
           </li>
+
+          <li id="saved-connections-grid" class="uk-open">
+            <a class="uk-accordion-title" href="#">Saved devices</a>
+            <div class="uk-accordion-content">
+              <div class="uk-grid-medium uk-grid-match uk-margin-top" uk-grid>
+                <div v-for="host in savedHosts" :key="host.name">
+                  <hostCard
+                    :name="host.name"
+                    :hostname="host.hostname"
+                    :port="host.port"
+                    @connect="handleConnectButton(host)"
+                    @delete="delSavedHost(host)"
+                  ></hostCard>
+                </div>
+              </div>
+            </div>
+          </li>
         </ul>
       </div>
     </div>