From cc031e5a19e2b6c478c3b7c5c91819ace61e1570 Mon Sep 17 00:00:00 2001
From: jvyden <jvyden@jvyden.xyz>
Date: Sun, 5 Nov 2023 21:03:30 -0500
Subject: [PATCH] Fix bugs in form-input with wider fonts

---
 src/app/components/form-input/form-input.component.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/components/form-input/form-input.component.html b/src/app/components/form-input/form-input.component.html
index 83aebdf..ebc7cf6 100644
--- a/src/app/components/form-input/form-input.component.html
+++ b/src/app/components/form-input/form-input.component.html
@@ -1,10 +1,10 @@
 <div class="text-left">
-  <div class="bg-teritary focus-within:text-secondary-bright text-secondary px-5 py-2 rounded w-[19rem] drop-shadow-lg flex focus-within:outline-secondary-bright focus-within:outline-2 focus-within:outline">
+  <div class="bg-teritary focus-within:text-secondary-bright text-secondary px-5 py-2 rounded drop-shadow-lg flex focus-within:outline-secondary-bright focus-within:outline-2 focus-within:outline">
     <fa-icon [icon]="_icon" class="pr-2 flex-shrink"></fa-icon>
-    <input *ngIf="!multiline" [type]="_type" class="bg-teritary placeholder:focus:text-secondary-bright placeholder:text-secondary text-foreground placeholder:italic flex-grow border-none outline-none"
+    <input *ngIf="!multiline" [type]="_type" class="bg-teritary placeholder:focus:text-secondary-bright placeholder:text-secondary text-foreground placeholder:italic flex-grow border-none outline-none overflow-hidden"
            [placeholder]="_name" [readOnly]="_readonly" [value]="value" (input)="onChange($event)">
 
-    <textarea *ngIf="multiline" class="bg-teritary placeholder:focus:text-secondary-bright placeholder:text-secondary text-foreground placeholder:italic flex-grow border-none outline-none"
+    <textarea *ngIf="multiline" class="bg-teritary placeholder:focus:text-secondary-bright placeholder:text-secondary text-foreground placeholder:italic flex-grow border-none outline-none min-h-[1.6rem] max-w-fit"
               [placeholder]="_name" [readOnly]="_readonly" [value]="value" (input)="onChange($event)"></textarea>
   </div>
 </div>