fix short text box for flavor text, fix gallery spacing over gallery filters

Author: patrickwieth

src/views/CardCreatorPage.vue

@@ -426,7 +426,7 @@
               <div class="mt-3 bg-zinc-300 bg-opacity-20 shadow-inner">
                 <input
                   v-model="model.FlavourText"
-                  class="py-3 px-2 mx-3 bg-transparent text-white text-opacity-100 text-s focus:border-black border-0 border-solid focus:outline-none focus:ring-0 placeholder-white placeholder-opacity-50"
+                  class="w-[95%] py-3 px-2 mx-3 bg-transparent text-white text-opacity-100 text-s focus:border-black border-0 border-solid focus:outline-none focus:ring-0 placeholder-white placeholder-opacity-50"
                   placeholder="Quote that represents this card."
                   maxLength="250"
                 >

src/views/GalleryPage.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="flex text-white max-lg:flex-col justify-center">
     <div
-      class="self-start lg:sticky top-0 min-w-[25rem] flex justify-center lg:p-16 h-[100vh] mt-0 bg-[#552026] 
+      class="self-start lg:sticky top-0 min-w-[25rem] flex justify-center my-auto h-[100vh] mt-0 bg-[#552026] 
             max-lg:w-full max-lg:h-full max-lg:p-4 max-h-[90vh] max-h-[80vh] overflow-y-auto overflow-x-hidden"
     >
       <div class="">
@@ -25,7 +25,7 @@
           <GalleryFilterImageChooser :options="typeOptions" />
           <div class="">
             <p>Search for</p>
-            <div class="space-y-4">
+            <div class="">
               <CCInput
                 v-model="galleryFilters.nameContains"
                 placeholder="name"