Enhanced support for PWAs & Fixed minor styling issues

hoangsonww · May 14, 2024 · 2acebfe · 2acebfe
1 parent 20ce2e4
commit 2acebfe
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -126,7 +126,7 @@ <h6 id="local-time-label"><strong>Your Local Time</strong></h6>
 
         <h6 id="home-label"><strong>Back to Home</strong></h6>
 
-        <button onclick="window.location.href='index.html'" type="button" id="home-btn" title="Get back to the initial home page">
+        <button style="margin-top: 8px" onclick="window.location.href='index.html'" type="button" id="home-btn" title="Get back to the initial home page">
             <i class="fas fa-home"></i>
         </button>
 

diff --git a/src/css/style.css b/src/css/style.css
@@ -591,13 +591,13 @@ button:hover {
 .local-time-container {
     position: fixed;
     top: 30px;
-    right: 0;
+    right: 5px;
     background: rgba(255, 255, 255, 0.8);
     line-height: 20px;
     margin: 20px;
-    border-radius: 50%; /* Circle shape */
-    width: 60px; /* Fixed size */
-    height: 60px; /* Fixed size */
+    border-radius: 50%;
+    width: 60px;
+    height: 60px;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -679,7 +679,7 @@ button:hover {
     cursor: pointer;
     position: fixed;
     top: 142px;
-    right: 25px;
+    right: 30px;
     color: black;
 }
 
@@ -692,6 +692,10 @@ button:hover {
     top: 100px;
     right: 15px;
     text-align: center;
+    background: rgba(255, 255, 255, 0.8);
+    padding-left: 4px;
+    padding-right: 4px;
+    border-radius: 4px;
 }
 
 #wind-info-btn {