minor fixes

Author: BryonLewis

client/src/components/Tracks/bottombar/BottomBarTrackItemView.vue

@@ -52,10 +52,13 @@ export default defineComponent({
     const notesInputRef = ref<HTMLInputElement | null>(null);
     const editingAttributeKey = ref<string | null>(null);
     const editAttributeValue = ref('');
-    // Rendered inside a v-for, where Vue collects the refs into an array
-    const attributeInputRef = ref<HTMLInputElement | HTMLInputElement[] | null>(null);
+    const attributeInputRef = ref<HTMLInputElement | null>(null);
     const localAttributeDisplay = ref<Record<string, string>>({});
 
+    function setAttributeInputRef(el: HTMLInputElement | null) {
+      attributeInputRef.value = el;
+    }
+
     watch(() => props.track.id, () => {
       localNotesDisplay.value = '';
       localAttributeDisplay.value = {};
@@ -213,9 +216,8 @@ export default defineComponent({
       editingAttributeKey.value = attrKey;
       nextTick(() => {
         // Without focus the field would never blur, and so never close
-        const input = [attributeInputRef.value].flat()[0];
-        input?.focus();
-        input?.select();
+        attributeInputRef.value?.focus();
+        attributeInputRef.value?.select();
       });
     }
 
@@ -263,7 +265,7 @@ export default defineComponent({
 
     return {
       allTypes,
-      attributeInputRef,
+      setAttributeInputRef,
       cancelEditAttribute,
       cancelEditConfidence,
       cancelEditNotes,
@@ -448,7 +450,7 @@ export default defineComponent({
       <input
         v-if="editingAttributeKey === attrKey"
         :key="attrKey + '-input'"
-        ref="attributeInputRef"
+        :ref="setAttributeInputRef"
         :value="editAttributeValue"
         type="text"
         class="compact-attribute-input"
@@ -640,6 +642,13 @@ export default defineComponent({
     padding: 1px 4px;
     margin-right: 8px;
     outline: none;
+
+    &.track-length {
+      width: 64px;
+      min-width: 64px;
+      max-width: 64px;
+      text-align: center;
+    }
   }
 
   .track-length {