canvas menu 위치조정 및 간격조정

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>

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;