resources/js/components/Wordle.vue

@@ -1,5 +1,6 @@
 <template>
     <Modal v-model:open="open">
+        
         <h1>Wordle for word {{ index }}</h1>
         <br>
         <div class="flex-container-a gap-1.5">
@@ -24,7 +25,7 @@
             </template>
         </div>
 
-        <UButton @click="onsubmit" class="m-1.5" v-if="guesses[guesses.length-1].toString().replace(/\,/gi, '') != correct">
+        <UButton @click="onsubmit" class="m-3" v-if="guesses[guesses.length-1].toString().replace(/\,/gi, '') != correct">
             Submit
         </UButton>
     </Modal>
@@ -68,7 +69,7 @@
 
                     localStorage.setItem('guesses-' + this.index, JSON.stringify(this.guesses));
                 }
-            }
+            },
         },
     }
 </script>

resources/js/components/WordleRow.vue

@@ -65,7 +65,7 @@
         border-radius: 6px;
         width: 36px;
         height: 36px;
-        line-height: 22px;
+        line-height: 36px;
         background-color: transparent;
         text-transform: uppercase;
         font-weight: bold;