From fef2be86318a4700a62559afc42e8b41127893d6 Mon Sep 17 00:00:00 2001
From: iamBadgers <jmosrael@gmail.com>
Date: Tue, 19 May 2026 22:01:52 -0700
Subject: [PATCH] stuff with float labels in the edit shizz

---
 src/TableEditor.vue | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/TableEditor.vue b/src/TableEditor.vue
index 304697f..0388cff 100644
--- a/src/TableEditor.vue
+++ b/src/TableEditor.vue
@@ -36,9 +36,18 @@
         <template #title> Edit Details </template>
         <template #content>
           <div class="flex flex-column">
-            <InputText class="button-box" name="table_name" type="text" placeholder="Table Name" />
-            <InputText class="button-box" name="table_link" type="text" placeholder="Table Link" />
-            <Select class="button-box" name="version" :options="availableVersion"></Select>
+            <FloatLabel variant="on">
+              <InputText class="button-box" name="table_name" type="text" placeholder="Table Name" />
+              <label>Table Name</label>
+            </FloatLabel>
+            <FloatLabel variant="on">
+              <InputText class="button-box" name="table_link" type="text" placeholder="Table Link" />
+              <label>Table Link</label>
+            </FloatLabel>
+            <FloatLabel variant="on">
+              <Select class="button-box" name="version" :options="availableVersion"></Select>
+              <label>Table Link</label>
+            </FloatLabel>
           </div>
         </template>
         <template #footer>
@@ -86,6 +95,7 @@ import Card from 'primevue/card'
 import Chip from 'primevue/chip'
 import Select from 'primevue/select'
 import ConfirmDialog from 'primevue/confirmdialog'
+import FloatLabel from 'primevue/floatlabel';
 
 import {
   useSelectedTable,