From eca046c1ea9e3a007400ebd71a627462d27a9281 Mon Sep 17 00:00:00 2001
From: Beluzsar Peter <beluzsarp@gmail.com>
Date: Fri, 14 Aug 2026 15:37:29 +0200
Subject: [PATCH] some frontend changes

---
 resources/js/pages/HomeView.vue       | 12 +++++++++---
 resources/js/pages/SuggestionView.vue | 14 +++++++++-----
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/resources/js/pages/HomeView.vue b/resources/js/pages/HomeView.vue
index 7d8fcff..51792c4 100644
--- a/resources/js/pages/HomeView.vue
+++ b/resources/js/pages/HomeView.vue
@@ -103,9 +103,15 @@
           </GuessWord>
         </template>
       </div>
-        <form ref="main-form" @submit="onSubmit" onsubmit="return false">
-          <UInput v-model="guess" @keyup="onkeyup()" autofocus/>
-        </form>
+        <UForm class="space-y-2" ref="main-form" @submit="onSubmit" onsubmit="return false">
+          <UFormField>
+            <UInput v-model="guess" @keyup="onkeyup()" autofocus/>
+          </UFormField>
+
+          <UButton type="submit">
+            Guess
+          </UButton>
+        </UForm>
       </template>
       <template v-if="!correct && guesses.length >= maxGuesses">
         You ran out of guesses. Todays TLA was {{ tla }}
diff --git a/resources/js/pages/SuggestionView.vue b/resources/js/pages/SuggestionView.vue
index 83a453a..d180cf5 100644
--- a/resources/js/pages/SuggestionView.vue
+++ b/resources/js/pages/SuggestionView.vue
@@ -2,14 +2,14 @@
     <h1>TLA suggestion form</h1>
     <UCard>
     <UForm>
-        <UFormField label="Acronym" required>
-            <UInput placeholder="Enter your TLA"></UInput>
+        <UFormField class="form-field" label="Acronym" required>
+            <UInput class="w-80" placeholder="Enter your TLA"></UInput>
         </UFormField>
         <UFormField label="Motto" required>
-            <UInput placeholder="Enter the motto for your TLA"></UInput>
+            <UInput class="w-80" placeholder="Enter the motto for your TLA"></UInput>
         </UFormField>
         <UFormField label="Contex" required>
-            <UTextarea style="w-full" placeholder="Provide context for your TLA. This will be displayed upon completing the riddle of the day, either by guessing it correctly, or by running out of guesses."></UTextarea>
+            <UTextarea class="w-80" rows="5" placeholder="Provide context for your TLA. This will be displayed upon completing the riddle of the day, either by guessing it correctly, or by running out of guesses."></UTextarea>
         </UFormField>
         <UButton>
             salkdjf
@@ -17,4 +17,8 @@
     </UForm>
     </UCard>
     
-</template>
\ No newline at end of file
+</template>
+
+<style>
+    
+</style>
\ No newline at end of file