Update index.html

Ulkoasun parannusta
jhakola · May 22, 2024 · ea798a2 · ea798a2
1 parent 646d02a
commit ea798a2
Showing 1 changed file with 8 additions and 9 deletions.
diff --git a/pelisivu/support/index.html b/pelisivu/support/index.html
@@ -11,9 +11,8 @@
             background-color: skyblue; /* Alkuperäinen väri */
             color: black; /* Tekstin väri */
             height: 30px;
-            font-size: 18px;
-            border-radius: 5px;
-            font-weight: bold;
+            font-size: 15px;
+            border-radius: 10px;
             cursor: pointer;
         }
         input[type="submit"]:hover {
@@ -22,7 +21,6 @@
             color: white; /* Muuta tekstin väriä hover-tilassa */
         }
 
-
         .rating {
             font-size: 30px; /* Isommat tähdet */
             display: flex; /* Järjestää tähdet vaakasuuntaan */
@@ -35,7 +33,7 @@
         }
 
         .rating label {
-            color: #ccc; /* Valkoinen väri */
+            color: white; /* Valkoinen väri */
             cursor: pointer;
             transition: transform 0.2s, color 0.2s; /* Lisää siirtymäefekti */
             padding: 0 20px;
@@ -109,12 +107,13 @@ <h3>Contact Us</h3>
 
         <h3>Links</h3>
         <p>
-            Links to other game sites or otherwise related pages.
+            Links to other game sites or otherwise related pages. <br><br>
+            Coming soon...
         </p>
 
         <h3>Rate Us</h3>
         <form id="ratingForm" style="padding: 0px;">
-            <div class="rating">
+            <div class="rating" style="background-color: rgb(209, 199, 199);">
                 <input type="radio" id="star1" name="rating" value="1">
                 <label for="star1">&#9733;</label>
                 <input type="radio" id="star2" name="rating" value="2">
@@ -145,8 +144,8 @@ <h3>Rate Us</h3>
                         label.style.transform = 'scale(2)';
                         label.style.color = '#ffd700';
                     } else {
-                        label.style.transform = 'scale(1.5)';
-                        label.style.color = '#ccc';
+                        label.style.transform = 'scale(1)';
+                        label.style.color = 'white'; /* Muutetaan väri valkoiseksi */
                     }
                 });
             });