优化定位服务页面

web-ui.service/web/pages/page4.html

@@ -13,14 +13,16 @@
 <div class="app">
   <main class="view page-time">
     <div class="status-bar">
-      <div class="status-row">
-        <span class="label">定位服务</span>
-        <span class="value" id="var1">--</span>
+     <div class="status-row">
+      <div class="status-item">
+       <span class="label">定位服务</span>
+       <span class="value" id="var1">--</span>
       </div>
-      <div class="status-row">
-        <span class="label">定位状态</span>
-        <span class="value" id="var4">--</span>
+      <div class="status-item">
+       <span class="label">定位状态</span>
+       <span class="value" id="var4">--</span>
       </div>
+     </div>
       <div class="status-row">
         <span class="label">当前经度</span>
         <span class="value" id="var2">--</span>

web-ui.service/web/static/css/page4.css

@@ -18,6 +18,21 @@
     flex-shrink: 0;
 }
 
+.status-item {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+}
+
+.status-item .label {
+    font-size: 14px;
+}
+
+.status-item .value {
+    font-size: 14px;
+    font-family: ui-monospace, Consolas, monospace;
+}
+
 .status-row {
     display: flex;
     align-items: center;