switch tab on append

src/App.vue

@@ -61,6 +61,7 @@ function _append(entry, name) {
       state.value.current_entry = undefined
       state.value.current_name = undefined
       state.socket.emit("append", {"id": entry.id, "performer": name, "source": entry.source })
+      $("#queue-tab-title").click();
   }
 }
 

src/components/MobileLayout.vue

@@ -14,7 +14,7 @@ const emit = defineEmits(['update:searchTerm', 'search', 'append', 'skip', 'skip
     <div class="comp-column">
         <div data-tabs class="tabs" id="main-tab">
             <TabHeader active="true" link="#simplesearch" icon="fa-magnifying-glass" />
-            <TabHeader link="#queue-list" icon="fa-list" />
+            <TabHeader link="#queue-list" id="queue-tab-title" icon="fa-list" />
             <TabHeader link="#recent-list" icon="fa-history" />
         </div>
         <div class="tabs-container" data-tabs-content="main-tab">

src/components/SearchResults.vue

@@ -18,18 +18,4 @@ const emits = defineEmits(['append'])
     vertical-align: middle;
     height: 100%
 }
-.results {
-  flex: 1;
-  overflow-y: auto;
-}
-.menu li {
-padding: 0.4em;
-}
-.menu li:nth-child(odd) {
-    background-color: #e6e6e6;
-}
-
-.menu li:nth-child(even) {
-    background-color: #f6f6f6;
-}
 </style>