layout fix

Signed-off-by: nitro56565 <nitro56565@gmail.com>

Author: nitro56565

src/App.tsx

@@ -157,7 +157,7 @@ const App = () => {
                             marginBottom: "10px",
                           }}
                         >
-                          <div style={{ display: "flex" }}>
+                          <div style={{ display: "flex", justifyContent: "space-between" }}>
                             <ToggleDarkMode />
                             <FullScreenModal />
                           </div>

src/components/FullScreenModal.tsx

@@ -31,7 +31,7 @@ const FullScreenModal: React.FC = () => {
   }, [textColor, backgroundColor]);
 
   return (
-    <div style={{ textAlign: "right", display: "flex", alignItems: "center", justifyContent: "flex-end", width: "100%", color: textColor, }} className="preview-element">
+    <div style={{ textAlign: "right", display: "flex", alignItems: "center", justifyContent: "flex-end", color: textColor, }} className="preview-element">
       <FullscreenOutlined
         style={{ fontSize: "24px", cursor: "pointer", marginRight: "10px" }}
         onClick={() => setOpen(true)}

src/styles/components/ToggleDarkMode.ts

@@ -2,7 +2,7 @@ import styled from "styled-components";
 
 export const ToggleDarkModeContainer = styled.div`
 .dark-mode-toggle {
-    overflow: visible !important;
+    overflow: hidden !important;
     display: flex;
     padding-left: 10px !important;
   }