Viewability upgrade

web/src/components/flashcard-decks/FlashcardDeckTree.vue

@@ -2,13 +2,6 @@
   <div>
     <div class="d-flex align-center justify-space-between mb-1">
       <span class="title">Decks</span>
-      <v-btn
-        variant="text"
-        prepend-icon="mdi-plus"
-        @click="openCreateDialog(null)"
-      >
-        Add Deck
-      </v-btn>
     </div>
 
     <div
@@ -48,6 +41,14 @@
       </draggable>
     </template>
 
+    <v-btn
+      class="ml-2"
+      variant="text"
+      prepend-icon="mdi-plus"
+      text="Add Deck"
+      @click="openCreateDialog(null)"
+    />
+
     <v-dialog
       v-model="showCreateDialog"
       width="400"

web/src/components/flashcard-decks/FlashcardDeckTreeNode.vue

@@ -90,7 +90,7 @@ const emit = defineEmits<{
   "add-child": [parentId: number]
 }>()
 
-const expanded = ref(true)
+const expanded = ref(false)
 const isSelected = computed(() => props.selectedId === props.deck.id)
 const hasChildren = computed(() => children.value.length > 0)