From aec0a34f71d24d7aca235cedd20ab98c9fa5ecdd Mon Sep 17 00:00:00 2001
From: Toast <toast003@tutamail.com>
Date: Thu, 6 Feb 2025 18:20:50 +0100
Subject: [PATCH] Components/create-edit-modal: add floating labels

---
 .../create-edit-modal.component.html          | 21 +++++++++----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/components/create-edit-modal/create-edit-modal.component.html b/src/components/create-edit-modal/create-edit-modal.component.html
index 951fd1b..b8db797 100644
--- a/src/components/create-edit-modal/create-edit-modal.component.html
+++ b/src/components/create-edit-modal/create-edit-modal.component.html
@@ -10,26 +10,25 @@
 </div>
 <form [formGroup]="newShowForm" (submit)="formSubmitted(newShowForm)">
   <div class="modal-body">
-
-    <div class="mb-3">
+    <div class="mb-3 form-floating">
+      <input formControlName="title" type="text" class="form-control" placeholder=""/>
       <label class="form-label">Title</label>
-      <input formControlName="title" type="text" class="form-control"/>
     </div>
-    <div class="mb-3">
+    <div class="mb-3 form-floating">
+      <input formControlName="date" type="date" class="form-control" placeholder=""/>
       <label class="form-label">Date</label>
-      <input formControlName="date" type="date" class="form-control"/>
     </div>
-    <div class="mb-3">
+    <div class="mb-3 form-floating">
+      <input formControlName="seasons" type="number" class="form-control" placeholder=""/>
       <label class="form-label">Seasons</label>
-      <input formControlName="seasons" type="number" class="form-control"/>
     </div>
-    <div class="mb-3">
+    <div class="mb-3 form-floating">
+      <input formControlName="episodes" type="number" class="form-control" placeholder=""/>
       <label class="form-label">Episodes</label>
-      <input formControlName="episodes" type="number" class="form-control"/>
     </div>
-    <div class="mb-3">
+    <div class="mb-3 form-floating">
+      <input formControlName="description" type="text" class="form-control" placeholder=""/>
       <label class="form-label">Description</label>
-      <input formControlName="description" type="text" class="form-control"/>
     </div>
   </div>
   <div class="modal-footer">