From 67a0ccbf97e2e149a16b788329293fd4bec94cde Mon Sep 17 00:00:00 2001
From: Rachel Powers <508861+Ryex@users.noreply.github.com>
Date: Wed, 17 Apr 2024 14:53:42 -0700
Subject: [PATCH] fix filter position and active tab in device list

---
 www/src/ts/virtual_machine/device.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/www/src/ts/virtual_machine/device.ts b/www/src/ts/virtual_machine/device.ts
index 5b3671f..34c0ca7 100644
--- a/www/src/ts/virtual_machine/device.ts
+++ b/www/src/ts/virtual_machine/device.ts
@@ -341,13 +341,13 @@ export class VMDeviceCard extends VMDeviceMixin(BaseElement) {
       <ic10-details class="device-card" ?open=${this.open}>
         <div class="header" slot="summary">${this.renderHeader()}</div>
         <sl-tab-group>
-          <sl-tab slot="nav" panel="fields">Fields</sl-tab>
+          <sl-tab slot="nav" panel="fields" active>Fields</sl-tab>
           <sl-tab slot="nav" panel="slots">Slots</sl-tab>
           <sl-tab slot="nav" panel="reagents" disabled>Reagents</sl-tab>
           <sl-tab slot="nav" panel="networks">Networks</sl-tab>
           <sl-tab slot="nav" panel="pins" ?disabled=${!this.pins}>Pins</sl-tab>
 
-          <sl-tab-panel name="fields">${this.renderFields()}</sl-tab-panel>
+          <sl-tab-panel name="fields" active>${this.renderFields()}</sl-tab-panel>
           <sl-tab-panel name="slots">${this.renderSlots()}</sl-tab-panel>
           <sl-tab-panel name="reagents">${this.renderReagents()}</sl-tab-panel>
           <sl-tab-panel name="networks">${this.renderNetworks()}</sl-tab-panel>
@@ -432,6 +432,9 @@ export class VMDeviceList extends BaseElement {
       .device-list-card {
         width: 100%;
       }
+      .device-filter-input {
+        margin-left: auto;
+      }
     `,
   ];