From 383b424bdf874a3d2dc686650b82e7a165c552cf Mon Sep 17 00:00:00 2001
From: Vishesh 'ironeagle' Bangotra <aetoskia@gmail.com>
Date: Tue, 18 Nov 2025 15:23:08 +0530
Subject: [PATCH] back and edit button spaced out properly

---
 src/blog/components/Article/ArticleView.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/blog/components/Article/ArticleView.tsx b/src/blog/components/Article/ArticleView.tsx
index 3c98224..0823822 100644
--- a/src/blog/components/Article/ArticleView.tsx
+++ b/src/blog/components/Article/ArticleView.tsx
@@ -34,15 +34,23 @@ export default function ArticleView({
   const { currentUser } = useAuth();
   return (
     <ArticleContainer>
-      <IconButton onClick={onBack} sx={{ mb: 2 }}>
+    <Box
+      sx={{
+        display: "flex",
+        justifyContent: "space-between",
+        mb: 2,
+      }}
+    >
+      <IconButton onClick={onBack}>
         <ArrowBackRoundedIcon />
       </IconButton>
 
       {currentUser && (
-        <IconButton onClick={onEdit} sx={{ mb: 2 }}>
+        <IconButton onClick={onEdit}>
           <EditRoundedIcon />
         </IconButton>
       )}
+    </Box>
 
       <Typography variant="h3" component="h1" gutterBottom fontWeight="bold">
         {article.title}