Align asset tabs to left and match LiveView asset order (BTC, ETH, BMRN, TSLA)

src/components/AssetsFilter.vue

@@ -24,7 +24,18 @@ export default {
   emits: ['update:modelValue'],
   computed: {
     availableAssets() {
-      return this.assetOptions.sort((a, b) => a.label.localeCompare(b.label)) || []
+      // Keep the same order as LiveView: BTC, ETH, BMRN, TSLA
+      const order = ['BTC', 'ETH', 'BMRN', 'TSLA']
+      const sorted = [...(this.assetOptions || [])]
+      sorted.sort((a, b) => {
+        const indexA = order.indexOf(a.value)
+        const indexB = order.indexOf(b.value)
+        if (indexA === -1 && indexB === -1) return a.label.localeCompare(b.label)
+        if (indexA === -1) return 1
+        if (indexB === -1) return -1
+        return indexA - indexB
+      })
+      return sorted
     },
     selectedAsset() {
       const selected = this.modelValue || []
@@ -68,9 +79,9 @@ export default {
 }
 
 .assets-filter-toolbar {
-  padding: 1rem;
+  padding: 1rem 1rem 0.5rem 1rem;
   display: flex;
-  justify-content: center;
+  justify-content: flex-start;
   align-items: center;
 }