Mobile upgrades

2026-06-29 01:14:30 -07:00
parent 03555d4744
commit 5ca7ca2028
4 changed files with 42 additions and 13 deletions
@@ -22,20 +22,33 @@
      md="9"
    >
      <template v-if="selectedDeck">
-        <div class="d-flex align-center justify-space-between mb-4">
-          <span class="text-h3">{{ selectedDeck.name }}</span>
-          <span class="ml-2">({{ totalCount }})</span>
-
-          <v-spacer />
-          <v-btn
-            color="primary"
-            variant="tonal"
-            prepend-icon="mdi-plus"
-            text="Add Flashcard"
-            @click="openFlashcardCreateDialog"
+        <v-row>
+          <v-col
+            cols="12"
+            md="3"
+          >
+            <span class="text-h3">{{ selectedDeck.name }}</span>
+            <span class="ml-2">({{ totalCount }})</span>
+          </v-col>
+          <v-col
+            cols="12"
+            md="6"
          />
-          <FlashcardDeckStartReviewBtn :flashcard-deck-id="selectedDeck.id" />
-        </div>
+          <v-col
+            class="d-flex align-center"
+            cols="12"
+            md="2"
+          >
+            <v-btn
+              color="primary"
+              variant="tonal"
+              prepend-icon="mdi-plus"
+              text="Add Flashcard"
+              @click="openFlashcardCreateDialog"
+            />
+            <FlashcardDeckStartReviewBtn :flashcard-deck-id="selectedDeck.id" />
+          </v-col>
+        </v-row>

        <v-divider class="my-5" />