From 723a95ddcea70ec049cb5a5740d09d790974f669 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= <chang9811@interplug.co.kr>
Date: Thu, 31 Oct 2024 15:26:26 +0900
Subject: [PATCH] =?UTF-8?q?canvas=20menu=20=EC=9C=84=EC=B9=98=EC=A1=B0?=
 =?UTF-8?q?=EC=A0=95=20=EB=B0=8F=20=EA=B0=84=EA=B2=A9=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/canvas/CanvasMenu.jsx | 8 ++++----
 src/styles/_contents.scss            | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/canvas/CanvasMenu.jsx b/src/components/canvas/CanvasMenu.jsx
index 497ecfa..6de51d6 100644
--- a/src/components/canvas/CanvasMenu.jsx
+++ b/src/components/canvas/CanvasMenu.jsx
@@ -54,15 +54,15 @@ export default function CanvasMenu({setMenuValue}) {
                 <div className="canvas-side-btn-wrap">
                     {(menuNumber !== 6 && menuNumber !== 5) &&
                         <>
+                            <div className={`vertical-horizontal ${vertical ? 'on':''}`}>
+                                <span>垂直水平モード</span>
+                                <button onClick={() => setVertical(!vertical)}>{vertical ? "ON" : "OFF"}</button>
+                            </div>
                             <div className="btn-from">
                                 <button className="btn01"></button>
                                 <button className="btn02 active"></button>
                                 <button className="btn03 "></button>
                             </div>
-                            <div className={`vertical-horizontal ${vertical ? 'on':''}`}>
-                                <span>垂直水平モード</span>
-                                <button onClick={() => setVertical(!vertical)}>{vertical ? "ON" : "OFF"}</button>
-                            </div>
                             <div className="select-box">
                                 <Qselect title={'瓦53A'} option={SelectOption}/>
                             </div>
diff --git a/src/styles/_contents.scss b/src/styles/_contents.scss
index 4adebc7..7c8f334 100644
--- a/src/styles/_contents.scss
+++ b/src/styles/_contents.scss
@@ -85,7 +85,7 @@
             margin-left: auto;
             .select-box{
                 width: 124px;
-                margin-right: 5px;
+                margin: 0 5px;
                 height: 30px;
                 > div{
                     width: 100%;
@@ -154,7 +154,7 @@
                 display: flex;
                 min-width: 170px;
                 height: 28px;
-                margin: 0 5px;
+                margin-right: 5px;
                 border-radius: 2px;
                 background: #373737;
                 line-height: 28px;
@@ -1397,12 +1397,12 @@
                     gap: 3px;
                 }
                 .vertical-horizontal{
-                    margin: 0 3px;
+                    margin-right: 3px;
                     min-width: 150px;
                 }
                 .select-box{
                     width: 100px;
-                    margin-right: 3px;
+                    margin: 0 3px;
                 }
                 .size-control{
                     width: 90px;