From 5f62c0d57ae09e5cbec4552b12c5565a8688b2c3 Mon Sep 17 00:00:00 2001
From: sccalabr <4111230+sccalabr@users.noreply.github.com>
Date: Sun, 13 Oct 2024 09:33:45 -0700
Subject: [PATCH] fixing look

---
 frontend/signal-desktop-keyring.gpg | Bin 0 -> 2223 bytes
 frontend/src/Navigation.tsx         |  90 +++++++++++++++-------------
 frontend/src/components/Help.tsx    |   2 +-
 3 files changed, 48 insertions(+), 44 deletions(-)
 create mode 100644 frontend/signal-desktop-keyring.gpg

diff --git a/frontend/signal-desktop-keyring.gpg b/frontend/signal-desktop-keyring.gpg
new file mode 100644
index 0000000000000000000000000000000000000000..b5e68a0406c738a31fff4c4de4352399168f47e8
GIT binary patch
literal 2223
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

literal 0
HcmV?d00001

diff --git a/frontend/src/Navigation.tsx b/frontend/src/Navigation.tsx
index 09245d9d..6e3b6818 100644
--- a/frontend/src/Navigation.tsx
+++ b/frontend/src/Navigation.tsx
@@ -358,50 +358,54 @@ export default function Navigation({ navOpen, setNavOpen }: NavigationProps) {
               </p>
             </NavLink>
           </div>
-          <div>
-            <div className="flex items-center justify-evenly gap-1 px-1 py-1">
-              <div className="rounded-full hover:bg-gray-100 dark:hover:bg-[#28292E]">
-                <Help />
+          <div className="flex flex-col justify-end text-eerie-black dark:text-white">
+            <div className="flex justify-between items-center px-1 py-1">
+              <div className="flex items-center gap-1">
+                <div className="rounded-full hover:bg-gray-100 dark:hover:bg-[#28292E]">
+                  <Help />
+                </div>
+              </div>
+              <div className="flex items-center gap-1">
+                <NavLink
+                  target="_blank"
+                  to={'https://discord.gg/WHJdfbQDR4'}
+                  className={
+                    'rounded-full hover:bg-gray-100 dark:hover:bg-[#28292E]'
+                  }
+                >
+                  <img
+                    src={Discord}
+                    alt="discord"
+                    className="m-2 w-6 self-center filter dark:invert"
+                  />
+                </NavLink>
+                <NavLink
+                  target="_blank"
+                  to={'https://twitter.com/docsgptai'}
+                  className={
+                    'rounded-full hover:bg-gray-100 dark:hover:bg-[#28292E]'
+                  }
+                >
+                  <img
+                    src={Twitter}
+                    alt="x"
+                    className="m-2 w-5 self-center filter dark:invert"
+                  />
+                </NavLink>
+                <NavLink
+                  target="_blank"
+                  to={'https://github.com/arc53/docsgpt'}
+                  className={
+                    'rounded-full hover:bg-gray-100 dark:hover:bg-[#28292E]'
+                  }
+                >
+                  <img
+                    src={Github}
+                    alt="github"
+                    className="m-2 w-6 self-center filter dark:invert"
+                  />
+                </NavLink>
               </div>
-              <NavLink
-                target="_blank"
-                to={'https://discord.gg/WHJdfbQDR4'}
-                className={
-                  'rounded-full hover:bg-gray-100 dark:hover:bg-[#28292E]'
-                }
-              >
-                <img
-                  src={Discord}
-                  alt="discord"
-                  className="m-2 w-6 self-center filter dark:invert"
-                />
-              </NavLink>
-              <NavLink
-                target="_blank"
-                to={'https://twitter.com/docsgptai'}
-                className={
-                  'rounded-full hover:bg-gray-100 dark:hover:bg-[#28292E]'
-                }
-              >
-                <img
-                  src={Twitter}
-                  alt="x"
-                  className="m-2 w-5 self-center filter dark:invert"
-                />
-              </NavLink>
-              <NavLink
-                target="_blank"
-                to={'https://github.com/arc53/docsgpt'}
-                className={
-                  'rounded-full hover:bg-gray-100 dark:hover:bg-[#28292E]'
-                }
-              >
-                <img
-                  src={Github}
-                  alt="github"
-                  className="m-2 w-6 self-center filter dark:invert"
-                />
-              </NavLink>
             </div>
           </div>
         </div>
diff --git a/frontend/src/components/Help.tsx b/frontend/src/components/Help.tsx
index b61f9c52..38e4468f 100644
--- a/frontend/src/components/Help.tsx
+++ b/frontend/src/components/Help.tsx
@@ -63,7 +63,7 @@ const Help = () => {
         <img
           src={InfoDark}
           alt="icon"
-          className="mr-2 w-5 filter dark:invert"
+          className="m-2 w-6 self-center text-sm filter dark:invert"
         />
         Help
       </button>