From d93dbef31b3cd57716fe183e20063617b6f88846 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Wed, 5 Jul 2023 11:51:06 -0300
Subject: [PATCH] style(index.css): remove unused text-color class and update
 components-disclosure-title class to use text-primary class for consistent
 styling style(DisclosureComponent): update Icon class to use text-primary
 class for consistent styling style(FlowPage): remove logspace-icon-text class
 and update the structure of the icon and text elements for better alignment
 and spacing

---
 src/frontend/src/index.css                            | 11 ++---------
 .../FlowPage/components/DisclosureComponent/index.tsx |  2 +-
 src/frontend/src/pages/FlowPage/index.tsx             |  2 +-
 3 files changed, 4 insertions(+), 11 deletions(-)

diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index 3018b40c0..a9dfc0c1a 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -230,11 +230,8 @@ The cursor: default; property value restores the browser's default cursor style
   .components-disclosure-arrangement {
     @apply -mt-px flex w-full select-none items-center justify-between border-y border-y-input bg-muted px-3 py-2
   }
-  .text-color {
-    @apply text-primary
-  }
   .components-disclosure-title {
-    @apply flex items-center text-sm text-color
+    @apply flex items-center text-sm text-primary
   }
   .components-disclosure-div {
     @apply flex gap-2
@@ -249,11 +246,7 @@ The cursor: default; property value restores the browser's default cursor style
   .logspace-page-icon:hover {
     @apply hover:h-12
   }
-
-  .logspace-icon-text {
-    @apply mt-1
-  }
-
+  
   .flex-max-width {
     @apply flex w-full
   }
diff --git a/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
index aa6da9f96..a35b8163e 100644
--- a/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
@@ -14,7 +14,7 @@ export default function DisclosureComponent({
           <div>
             <Disclosure.Button className="components-disclosure-arrangement">
               <div className="flex gap-4">
-                <Icon strokeWidth={1.5} size={22} className="text-color" />
+                <Icon strokeWidth={1.5} size={22} className="text-primary" />
                 <span className="components-disclosure-title">
                   {title}
                 </span>
diff --git a/src/frontend/src/pages/FlowPage/index.tsx b/src/frontend/src/pages/FlowPage/index.tsx
index 8ff6c708a..7f9f2a214 100644
--- a/src/frontend/src/pages/FlowPage/index.tsx
+++ b/src/frontend/src/pages/FlowPage/index.tsx
@@ -31,7 +31,7 @@ export default function FlowPage() {
         href="https://logspace.ai/"
         className="logspace-page-icon"
       >
-        {version && <div className="logspace-icon-text">⛓️ LangFlow v{version}</div>}
+        {version && <div className="mt-1">⛓️ LangFlow v{version}</div>}
         <div className={version ? "mt-2" : "mt-1"}>Created by Logspace</div>
       </a>
     </div>