Fix: Enhanced Homepage

hoangsonww · Apr 25, 2024 · 001692f · 001692f
1 parent d153dc6
commit 001692f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/WeatherMate-Mobile/www/src/css/style.css b/WeatherMate-Mobile/www/src/css/style.css
@@ -23,7 +23,7 @@ body {
 }
 
 #center {
-    background: rgba(255, 255, 255, 0.6);
+    background: rgba(255, 255, 255, 0.7);
     border-radius: 16px;
     padding: 15px;
     margin: 10px;
@@ -288,8 +288,8 @@ button:hover {
     border-radius: 15px;
     padding: 20px;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
-    width: 80%;
-    max-width: 600px;
+    width: 600px;
+    max-width: calc(100% - 20px);
     margin: 20px 0;
     overflow: hidden;
     border: 1px solid rgba(0, 0, 0, 0.1);

diff --git a/WeatherMate-Mobile/www/src/html/about.html b/WeatherMate-Mobile/www/src/html/about.html
@@ -18,11 +18,11 @@
 </head>
 <body>
 
-    <img src="../../utils/logo.png" id="img" onclick="window.location.href='../../index.html'" title="Click to go back to the home page" style="cursor: pointer"/>
+    <div class="content">
+        <img src="../../utils/logo.png" id="img" onclick="window.location.href='../../index.html'" title="Click to go back to the home page" style="cursor: pointer; display: block; margin: auto"/>
 
-    <h1 style="text-align: center">About The WeatherMate App</h1>
+        <h1 style="text-align: center">About The WeatherMate App</h1>
 
-    <div class="content">
         <p>
             Welcome to The WeatherMate App, your digital meteorologist! Its mission is to empower you with accurate, real-time weather updates whether you're at home or on the go. The WeatherMate App delivers a seamless experience, ensuring you're prepared for whatever the weather brings.
         </p>