From 7eab6cac69bdb0f6a02369145b7cfe857bb26da2 Mon Sep 17 00:00:00 2001
From: Sebastian Scatularo <sebastian.scatularo@xlabs.xyz>
Date: Mon, 27 Nov 2023 15:47:42 -0300
Subject: [PATCH] minor adjustments to ui

---
 apps/connect/src/components/atoms/Background.tsx |  4 ++--
 apps/connect/src/components/atoms/BuiltBy.tsx    |  6 ++++++
 apps/connect/src/components/atoms/NavBar.tsx     | 11 ++++++++++-
 apps/connect/src/components/atoms/PoweredBy.tsx  |  6 ------
 4 files changed, 18 insertions(+), 9 deletions(-)
 create mode 100644 apps/connect/src/components/atoms/BuiltBy.tsx
 delete mode 100644 apps/connect/src/components/atoms/PoweredBy.tsx

diff --git a/apps/connect/src/components/atoms/Background.tsx b/apps/connect/src/components/atoms/Background.tsx
index 5c0aacc7c..e7e88bfae 100644
--- a/apps/connect/src/components/atoms/Background.tsx
+++ b/apps/connect/src/components/atoms/Background.tsx
@@ -1,7 +1,7 @@
 import styled from "@mui/material/styles/styled";
 import Glow from "./Glow";
 import Elipsis from "./Elipsis";
-import PoweredBy from "./PoweredBy";
+import BuiltBy from "./BuiltBy";
 import Version from "./Version";
 
 const Container = styled("div")(() => ({
@@ -28,7 +28,7 @@ export default function Background({
     <Container>
       {children}
       <ContainerFooter>
-      <PoweredBy />
+      <BuiltBy />
       <Version />
       <Glow
         position={{
diff --git a/apps/connect/src/components/atoms/BuiltBy.tsx b/apps/connect/src/components/atoms/BuiltBy.tsx
new file mode 100644
index 000000000..dcfd92b3a
--- /dev/null
+++ b/apps/connect/src/components/atoms/BuiltBy.tsx
@@ -0,0 +1,6 @@
+import Footer from "./Footer"
+
+export default function BuiltBy() {
+    return <Footer right="120px">Built by xLabs</Footer>
+}
+  
\ No newline at end of file
diff --git a/apps/connect/src/components/atoms/NavBar.tsx b/apps/connect/src/components/atoms/NavBar.tsx
index b2f46153b..6b0660856 100644
--- a/apps/connect/src/components/atoms/NavBar.tsx
+++ b/apps/connect/src/components/atoms/NavBar.tsx
@@ -7,8 +7,12 @@ import styled from "@mui/material/styles/styled";
 import Box from "@mui/material/Box";
 import portal from "../../assets/imgs/logo-white.svg";
 import MenuIcon from "@mui/icons-material/Menu";
+import List from "@mui/material/List";
+import MuiListItem from "@mui/material/ListItem";
+import ListItemButton from "@mui/material/ListItemButton";
+import ListItemText from "@mui/material/ListItemText";
+
 import { useState } from "react";
-import { List, ListItem, ListItemButton, ListItemText } from "@mui/material";
 
 const AppBar = styled(MuiAppBar)(({ theme }) => ({
   background: "transparent",
@@ -21,6 +25,11 @@ const AppBar = styled(MuiAppBar)(({ theme }) => ({
   boxShadow: "none",
 }));
 
+const ListItem = styled(MuiListItem)(() => ({
+  paddingTop: 0,
+  paddingBottom: 0,
+}));
+
 const Link = styled(MuiLink)(({ theme }) => ({
   ...theme.typography.body2,
   fontSize: "14px",
diff --git a/apps/connect/src/components/atoms/PoweredBy.tsx b/apps/connect/src/components/atoms/PoweredBy.tsx
deleted file mode 100644
index c5cd23bab..000000000
--- a/apps/connect/src/components/atoms/PoweredBy.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import Footer from "./Footer"
-
-export default function PoweredBy() {
-    return <Footer right="120px">Powered by xLabs</Footer>
-}
-  
\ No newline at end of file