From 54b8fd47bb1c6aee7810fb139ca632e90645897e Mon Sep 17 00:00:00 2001
From: Dan D <dan.dulaney07@gmail.com>
Date: Sat, 2 Apr 2022 21:43:04 -0500
Subject: [PATCH] Accessibility Labels: Increase and Decrease Size

---
 client/components/widgets/CoverSizeWidget.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/components/widgets/CoverSizeWidget.vue b/client/components/widgets/CoverSizeWidget.vue
index f6e8d2cc9..ba2f0caf5 100644
--- a/client/components/widgets/CoverSizeWidget.vue
+++ b/client/components/widgets/CoverSizeWidget.vue
@@ -3,7 +3,7 @@
     <div class="rounded-full py-1 bg-primary px-2 border border-black-100 text-center flex items-center box-shadow-md" @mousedown.prevent @mouseup.prevent>
       <span class="material-icons" :class="selectedSizeIndex === 0 ? 'text-gray-400' : 'hover:text-yellow-300 cursor-pointer'" style="font-size: 0.9rem" @mousedown.prevent @click="decreaseSize">Decrease Cover Size</span>
       <p class="px-2 font-mono">{{ bookCoverWidth }}</p>
-      <span class="material-icons" :class="selectedSizeIndex === availableSizes.length - 1 ? 'text-gray-400' : 'hover:text-yellow-300 cursor-pointer'" style="font-size: 0.9rem" @mousedown.prevent @click="increaseSize">Incrase Cover Size</span>
+      <span class="material-icons" :class="selectedSizeIndex === availableSizes.length - 1 ? 'text-gray-400' : 'hover:text-yellow-300 cursor-pointer'" style="font-size: 0.9rem" @mousedown.prevent @click="increaseSize">Increase Cover Size</span>
     </div>
   </div>
 </template>