.

src/assets/css/custom.css

@@ -1186,14 +1186,17 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 .fsm-ti .btn-wrap button + button{margin-left:0.5rem}
 .fsm-box .list-input label{font-size:0.875rem}
 
-.vertiport-map{display:flex;}
+.vertiport-map{display:flex;align-items: center;justify-content: space-around}
 .vertiport-tab *{color:#333}
 .vertiport-tab .tab-content{display:block;}
 .uam-layer{background:#fff;top:0;left:0;position:absolute;z-index:999;overflow:auto;padding:14px;max-width:350px;height:100%;}
 .fato{display:flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:100%;background:#ddd}
-.gate-box{width:280px;display:flex;align-items:center;justify-content:center;position: relative;}
-.gate{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:100%;background:pink;}
-
+.fato-box + .fato-box{margin-top:3rem} 
+.gate-box{width:600px;display:flex;align-items:center;justify-content:center;position: relative;}
+.gate-box + .gate-box{margin-top:79px}
+.gate{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:100%;background:pink;position: relative;z-index: 10;}
+.gate + .gate{margin-left:8rem}
+.map-line{border:1px solid #ddd;width:800px;height:180px;position: absolute;left:50%;top:50px;transform: translate(-50%,0);border-radius:30px;}
 .gate-map .gate-box:last-child .map-line::after{display:none}
 .vertiport-table *{font-size:0.825rem}
 .vertiport-table .table-st tbody tr td{text-align:center;position: relative;}

src/views/vertiport/VertiportView.js

@@ -96,10 +96,10 @@ export default function VertiportView() {
         </Button>
         <div className='vertiport-map'>
           <div>
-            <div>
+            <div className='fato-box'>
               <span className='fato'>F1</span>
             </div>
-            <div>
+            <div className='fato-box'>
               <span className='fato'>F2</span>
             </div>
           </div>
@@ -128,7 +128,7 @@ export default function VertiportView() {
               <div className='gate-box'>
                 <span className='gate'>G9</span>
                 <span className='gate'>G10</span>
-                <span className='map-line'></span>
+                {/* <span className='map-line'></span> */}
               </div>
             </div>
           </div>