diff --git a/core/frontend/src/app.component.html b/core/frontend/src/app.component.html
index aed2cb7..c4b3320 100644
--- a/core/frontend/src/app.component.html
+++ b/core/frontend/src/app.component.html
@@ -2,12 +2,12 @@
 
 <div class="border-b" style="border-color: #ddd;margin-bottom: 1em;">
   <div class="content-narrow mx-auto" style="max-width:1200px;">
-    <h1 class="text-xl md:text-3xl font-semibold" style="margin:0.8em 0; padding:12px 16px;">英卓气象站</h1>
+    <h1 class="text-xl md:text-3xl font-semibold px-12 my-5" style="margin:0.8em 0; ">英卓气象站</h1>
   </div>
   
 </div>
 
-<div class="content-narrow mx-auto px-4" style="max-width:1200px; margin-bottom:3em;">
+<div class="content-narrow mx-auto px-12" style="max-width:1200px; margin-bottom:3em;">
   <div *ngIf="isLoading" style="position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center;">
     <div class="animate-spin" style="height:40px;width:40px;border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:9999px;"></div>
   </div>
@@ -101,3 +101,5 @@
   </div>
   <table-panel *ngIf="showPanels" [history]="history" [forecast]="forecast" [showPastForecast]="showPastForecast" [endDate]="end"></table-panel>
 </div>
+
+<div style="height:3vh;"></div>