From 837098d9db6ba3c82c01ef6077cf37853b6b37ad Mon Sep 17 00:00:00 2001 From: Justin Ferrari <‘justinwesleyferrari@gmail.com’> Date: Thu, 26 Dec 2024 16:50:00 -0500 Subject: [PATCH] Small UI Fixes --- src/components/header/Header-styles.tsx | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/components/header/Header-styles.tsx b/src/components/header/Header-styles.tsx index 7778779..d98d007 100644 --- a/src/components/header/Header-styles.tsx +++ b/src/components/header/Header-styles.tsx @@ -138,13 +138,14 @@ export const LogoColumn = styled(Box)({ gap: "10px", alignItems: "center", }); + export const RightColumn = styled(Box)({ display: "flex", flexDirection: "row", gap: "10px", alignItems: "flex-start", - padding: "10px", }); + export const AvatarCircle = styled("img")({ borderRadius: "50%", width: "35px", @@ -216,6 +217,7 @@ export const CoinSelectRow = styled(Box)({ flexDirection: "column", gap: "5px", alignSelf: "flex-start", + marginBottom: "5px" }); export const CoinActionContainer = styled(Box)({ @@ -314,7 +316,7 @@ export const CoinCancelBtn = styled(Button)({ "&:hover": { border: "1px solid #d62525", backgroundColor: "#d62525", - color: "#000000" + color: "#000000", }, }); @@ -336,4 +338,4 @@ export const CoinConfirmSendBtn = styled(Button)(({ theme }) => ({ color: "#000000", backgroundColor: theme.palette.text.primary, }, -})); \ No newline at end of file +}));