1 files changed, 10 insertions, 10 deletions
diff --git a/web/src/sidebar.tsx b/web/src/sidebar.tsx
index ee93706..de7b2fd 100644
--- a/web/src/sidebar.tsx
+++ b/web/src/sidebar.tsx
@@ -55,18 +55,18 @@ function Weather() {
     const wind = weather.current.wind_speed_10m;
     const humi = weather.current.relative_humidity_2m;
     return <div id="weather">
-      <div class="sidebar-row"><h4>weather in </h4> <h4>愛知県、日本:</h4></div>
-      <div class="sidebar-row"><h4>temperature:</h4><h4><span id="temp">{temp.toString()}</span>°C</h4></div>
-      <div class="sidebar-row"><h4>wind speed:</h4><h4><span id="wind">{wind.toString()}</span>km/h</h4></div>
-      <div class="sidebar-row"><h4>humidity:</h4><h4><span id="humi">{humi.toString()}</span>%</h4></div>
+      <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>weather in </h4> <h4>愛知県、日本:</h4></div>
+      <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>temperature:</h4><h4><span id="temp">{temp.toString()}</span>°C</h4></div>
+      <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>wind speed:</h4><h4><span id="wind">{wind.toString()}</span>km/h</h4></div>
+      <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>humidity:</h4><h4><span id="humi">{humi.toString()}</span>%</h4></div>
     </div>
   }
 
   return <div id="weather">
-    <div class="sidebar-row"><h4>weather in </h4> <h4>愛知県、日本:</h4></div>
-    <div class="sidebar-row"><h4>temperature:</h4><h4><span id="temp">--</span>°C</h4></div>
-    <div class="sidebar-row"><h4>wind speed:</h4><h4><span id="wind">--</span>km/h</h4></div>
-    <div class="sidebar-row"><h4>humidity:</h4><h4><span id="humi">--</span>%</h4></div>
+    <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>weather in </h4> <h4>愛知県、日本:</h4></div>
+    <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>temperature:</h4><h4><span id="temp">--</span>°C</h4></div>
+    <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>wind speed:</h4><h4><span id="wind">--</span>km/h</h4></div>
+    <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>humidity:</h4><h4><span id="humi">--</span>%</h4></div>
   </div>
 }
 
@@ -81,8 +81,8 @@ export function Sidebar() {
   return <div id="sidebar">
     <div><h3>information</h3></div>
     <hr/>
-    <div class="sidebar-row"><h4>current time: </h4><h4><span id="time">{new Date().toLocaleTimeString()}</span></h4></div>
-    <div class="sidebar-row"><h4>today: </h4><h4><span id="date">{new Date().toLocaleDateString()}</span></h4></div>
+    <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>current time: </h4><h4><span id="time">{new Date().toLocaleTimeString()}</span></h4></div>
+    <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>today: </h4><h4><span id="date">{new Date().toLocaleDateString()}</span></h4></div>
     <Weather />
     <div style="margin-top: 15px"><h3>links</h3></div>
     <hr/>