From 3268f98240a468f9a255d0ef5f481f25d54cbc87 Mon Sep 17 00:00:00 2001
From: itoshi <kkzemeow@gmail.com>
Date: Wed, 28 May 2025 21:04:19 +0300
Subject: [PATCH] feat: Add more margin and width for image

---
 src/components/ui/MediaView.tsx | 4 ++--
 src/pages/sight/edit.tsx        | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/MediaView.tsx b/src/components/ui/MediaView.tsx
index aee97da..ca87bf8 100644
--- a/src/components/ui/MediaView.tsx
+++ b/src/components/ui/MediaView.tsx
@@ -15,9 +15,9 @@ export function MediaView({ media }: Readonly<{ media?: MediaData }>) {
     <Box
       sx={{
         maxHeight: "300px",
-        width: "100%",
+        width: "80%",
         height: "100%",
-        maxWidth: "300px",
+        maxWidth: "600px",
         display: "flex",
         flexGrow: 1,
         justifyContent: "center",
diff --git a/src/pages/sight/edit.tsx b/src/pages/sight/edit.tsx
index d009bb4..d1569fe 100644
--- a/src/pages/sight/edit.tsx
+++ b/src/pages/sight/edit.tsx
@@ -782,6 +782,7 @@ export const SightEdit = observer(() => {
                   color: (theme) =>
                     theme.palette.mode === "dark" ? "grey.300" : "grey.800",
                   mb: 3,
+                  mt: 3,
                 }}
               >
                 {name}