fix: Positioning minor fix

Author: unlight

docs/index.html

@@ -23,17 +23,19 @@
                     placeholder="Name"
                     class="control-with-float-label outline-none focus:shadow-outline border w-full px-1"
                 />
-                <label for="name" class="is-float-label bg-white text-gray-700">Name</label>
+                <label for="name" class="is-float-label bg-white text-gray-500">Name</label>
             </div>
             <div class="has-float-label">
-                <label for="Login" class="is-float-label bg-white text-gray-700">Login</label>
+                <label for="Login" class="is-float-label bg-white text-gray-500"
+                    >Login (Always visible)</label
+                >
                 <input
                     type="text"
                     id="Login"
                     autocomplete="off"
                     placeholder="Login"
                     class="control-with-float-label outline-none focus:shadow-outline border w-full px-1 text-base"
-                    value="Login"
+                    value=""
                 />
             </div>
             <div class="has-float-label">
@@ -45,7 +47,7 @@
                     value="test@example.com"
                     class="control-with-float-label outline-none focus:shadow-outline border w-full px-1 text-lg"
                 />
-                <label for="Email" class="is-float-label bg-white text-gray-700">Email</label>
+                <label for="Email" class="is-float-label bg-white text-gray-500">Email</label>
             </div>
 
             <div class="has-float-label">
@@ -56,7 +58,7 @@
                     value="Password"
                     class="control-with-float-label outline-none focus:shadow-outline border w-full px-1 text-xl"
                 />
-                <label for="Password" class="is-float-label bg-white text-gray-700">Password</label>
+                <label for="Password" class="is-float-label bg-white text-gray-500">Password</label>
             </div>
 
             <div class="has-float-label">
@@ -68,7 +70,7 @@
                     value="Job Title"
                     class="control-with-float-label outline-none focus:shadow-outline border w-full px-1 text-2xl"
                 />
-                <label for="Job Title" class="is-float-label bg-white text-gray-700"
+                <label for="Job Title" class="is-float-label bg-white text-gray-500"
                     >Job Title</label
                 >
             </div>
@@ -81,7 +83,7 @@
                     value="Status"
                     class="control-with-float-label outline-none focus:shadow-outline border w-full px-1 text-3xl"
                 />
-                <label for="Status" class="is-float-label bg-white text-gray-700">Status</label>
+                <label for="Status" class="is-float-label bg-white text-gray-500">Status</label>
             </div>
 
             <div class="has-float-label">
@@ -92,7 +94,7 @@
                     value="Image"
                     class="control-with-float-label outline-none focus:shadow-outline border w-full px-1 text-xs"
                 />
-                <label for="Image" class="is-float-label bg-white text-gray-700">Image</label>
+                <label for="Image" class="is-float-label bg-white text-gray-500">Image</label>
             </div>
 
             <div class="has-float-label">
@@ -107,7 +109,7 @@
                     <option value="4">Option 4</option>
                     <option value="5">Option 5</option>
                 </select>
-                <label class="is-float-label bg-white text-gray-700" for="Select">Select</label>
+                <label class="is-float-label bg-white text-gray-500" for="Select">Select</label>
             </div>
 
             <div class="has-float-label">
@@ -117,7 +119,7 @@
                 >
 Bio</textarea
                 >
-                <label class="is-float-label bg-white text-gray-700">Bio</label>
+                <label class="is-float-label bg-white text-gray-500">Bio</label>
             </div>
         </form>
     </body>