From a3296fc5304f7d45384b007df52ae2b554ff96ed Mon Sep 17 00:00:00 2001
From: sawka <mike@commandline.dev>
Date: Thu, 5 Sep 2024 18:58:51 -0700
Subject: [PATCH] fix icon position, plus sign, etc.

---
 frontend/app/block/blockframe.tsx       | 4 ++--
 frontend/app/modals/typeaheadmodal.less | 8 +++++++-
 frontend/app/modals/typeaheadmodal.tsx  | 2 +-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/app/block/blockframe.tsx b/frontend/app/block/blockframe.tsx
index 83ecd5a07..40ac9d7f7 100644
--- a/frontend/app/block/blockframe.tsx
+++ b/frontend/app/block/blockframe.tsx
@@ -511,9 +511,9 @@ const ChangeConnectionBlockModal = React.memo(
                 // for instance, when reconnecting
                 const newConnectionSuggestion: SuggestionConnectionItem = {
                     status: "connected",
-                    icon: "arrow-right-arrow-left",
+                    icon: "plus",
                     iconColor: "var(--conn-icon-color)",
-                    label: `(+) ${connSelected}`,
+                    label: `${connSelected} (New Connection)`,
                     value: "",
                     onSelect: (_: string) => {
                         changeConnection(connSelected);
diff --git a/frontend/app/modals/typeaheadmodal.less b/frontend/app/modals/typeaheadmodal.less
index 2ee247f43..b57fd1933 100644
--- a/frontend/app/modals/typeaheadmodal.less
+++ b/frontend/app/modals/typeaheadmodal.less
@@ -91,13 +91,19 @@
                 border-radius: 4px;
             }
 
-            .name {
+            .typeahead-item-name {
                 .ellipsis();
                 display: flex;
                 gap: 8px;
                 font-size: 11px;
                 font-weight: 400;
                 line-height: 14px;
+
+                i {
+                    display: inline-block;
+                    position: relative;
+                    top: 2px;
+                }
             }
         }
     }
diff --git a/frontend/app/modals/typeaheadmodal.tsx b/frontend/app/modals/typeaheadmodal.tsx
index ad62bee95..9bac414f7 100644
--- a/frontend/app/modals/typeaheadmodal.tsx
+++ b/frontend/app/modals/typeaheadmodal.tsx
@@ -33,7 +33,7 @@ const Suggestions = forwardRef<HTMLDivElement, SuggestionsProps>(({ suggestions,
             }}
             className="suggestion-item"
         >
-            <div className="name">
+            <div className="typeahead-item-name">
                 {item.icon && renderIcon(item.icon, "iconColor" in item && item.iconColor ? item.iconColor : "inherit")}
                 {item.label}
             </div>