From cfb610df1e5edc5f04186f450b3de3c7a41a0496 Mon Sep 17 00:00:00 2001
From: Mckay Wrigley <mckaywrigley@gmail.com>
Date: Sat, 1 Apr 2023 14:54:59 -0600
Subject: [PATCH] fix spacing

---
 components/Promptbar/Prompt.tsx | 78 ++++++++++++++++-----------------
 1 file changed, 39 insertions(+), 39 deletions(-)

diff --git a/components/Promptbar/Prompt.tsx b/components/Promptbar/Prompt.tsx
index 2bec35a..d811bbc 100644
--- a/components/Promptbar/Prompt.tsx
+++ b/components/Promptbar/Prompt.tsx
@@ -56,53 +56,53 @@ export const PromptComponent: FC<Props> = ({
       >
         <IconBulbFilled size={18} />
 
-        <div className="relative max-h-5 flex-1 overflow-hidden text-ellipsis whitespace-nowrap break-all text-left text-[12.5px] leading-3">
+        <div className="relative max-h-5 flex-1 overflow-hidden text-ellipsis whitespace-nowrap break-all pr-4 text-left text-[12.5px] leading-3">
           {prompt.name}
         </div>
       </button>
 
-        {(isDeleting || isRenaming) && (
-          <div className="absolute right-1 z-10 flex text-gray-300">
-            <button
-              className="min-w-[20px] p-1 text-neutral-400 hover:text-neutral-100"
-              onClick={(e) => {
-                e.stopPropagation();
+      {(isDeleting || isRenaming) && (
+        <div className="absolute right-1 z-10 flex text-gray-300">
+          <button
+            className="min-w-[20px] p-1 text-neutral-400 hover:text-neutral-100"
+            onClick={(e) => {
+              e.stopPropagation();
 
-                if (isDeleting) {
-                  onDeletePrompt(prompt);
-                }
+              if (isDeleting) {
+                onDeletePrompt(prompt);
+              }
 
-                setIsDeleting(false);
-              }}
-            >
-              <IconCheck size={18} />
-            </button>
+              setIsDeleting(false);
+            }}
+          >
+            <IconCheck size={18} />
+          </button>
 
-            <button
-              className="min-w-[20px] p-1 text-neutral-400 hover:text-neutral-100"
-              onClick={(e) => {
-                e.stopPropagation();
-                setIsDeleting(false);
-              }}
-            >
-              <IconX size={18} />
-            </button>
-          </div>
-        )}
+          <button
+            className="min-w-[20px] p-1 text-neutral-400 hover:text-neutral-100"
+            onClick={(e) => {
+              e.stopPropagation();
+              setIsDeleting(false);
+            }}
+          >
+            <IconX size={18} />
+          </button>
+        </div>
+      )}
 
-        {!isDeleting && !isRenaming && (
-          <div className="absolute right-1 z-10 flex text-gray-300">
-            <button
-              className="min-w-[20px] p-1 text-neutral-400 hover:text-neutral-100"
-              onClick={(e) => {
-                e.stopPropagation();
-                setIsDeleting(true);
-              }}
-            >
-              <IconTrash size={18} />
-            </button>
-          </div>
-        )}
+      {!isDeleting && !isRenaming && (
+        <div className="absolute right-1 z-10 flex text-gray-300">
+          <button
+            className="min-w-[20px] p-1 text-neutral-400 hover:text-neutral-100"
+            onClick={(e) => {
+              e.stopPropagation();
+              setIsDeleting(true);
+            }}
+          >
+            <IconTrash size={18} />
+          </button>
+        </div>
+      )}
 
       {showModal && (
         <PromptModal