Merge branch 'qcast-pub' into dev

src/components/floor-plan/modal/flowDirection/FlowDirectionSetting.jsx

@@ -60,7 +60,7 @@ export default function FlowDirectionSetting(props) {
   }, [compasDeg])
   return (
     <WithDraggable isShow={true} pos={pos}>
-      <div className={`modal-pop-wrap lx mount`}>
+      <div className={`modal-pop-wrap ml mount`}>
         <div className="modal-head">
           <h1 className="title">{getMessage('modal.shape.flow.direction.setting')} </h1>
           <button className="modal-close" onClick={() => closePopup(id)}>
@@ -103,6 +103,7 @@ export default function FlowDirectionSetting(props) {
                   <label htmlFor="ra02">{getMessage('modal.shape.flow.direction.setting.orientation.24')}</label>
                 </div>
               </div>
+              <div className="draw-flow-wrap">
                 <div className="compas-box">
                   <div className="compas-box-inner">
                     {Array.from({ length: 180 / 15 + 1 }).map((dot, index) => (
@@ -130,6 +131,7 @@ export default function FlowDirectionSetting(props) {
                 </div>
               </div>
             </div>
+          </div>
           <div className="grid-btn-wrap">
             <button className="btn-frame modal act">{getMessage('modal.common.save')}</button>
           </div>

src/components/floor-plan/modal/placementShape/PlacementShapeSetting.jsx

@@ -180,8 +180,10 @@ export default function PlacementShapeSetting({ id, pos = { x: 50, y: 180 }, set
                 </tr>
                 <tr>
                   <th>
+                    <div className="tip-wrap">
                       {getMessage('modal.placement.initial.setting.size')}
                       <button className="tooltip" onClick={() => setShowSizeGuidModal(true)}></button>
+                    </div>
                   </th>
                   <td>
                     <div className="pop-form-radio">
@@ -252,8 +254,10 @@ export default function PlacementShapeSetting({ id, pos = { x: 50, y: 180 }, set
                 </tr>
                 <tr>
                   <th>
+                    <div className="tip-wrap">
                       {getMessage('modal.placement.initial.setting.roof.material')}
                       <button className="tooltip" onClick={() => setShowMaterialGuidModal(true)}></button>
+                    </div>
                   </th>
                   <td>
                     <div className="placement-option">