Optimizing for larger screens

EmoruwaTolu · Apr 10, 2024 · 09ab6db · 09ab6db
1 parent e62f1df
commit 09ab6db
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 4 deletions.
diff --git a/prem-data/src/components/compare-page/compare-player-section.css b/prem-data/src/components/compare-page/compare-player-section.css
@@ -159,6 +159,15 @@ input:checked + .slider:before {
 .attrlist-label{
     font-size: 1em;
 }
+.options-list{
+    font-size: 1em;
+}
+.season-option{
+    font-size: 1em;
+}
+.select{
+    font-size: 1.2em;
+}
 @media screen and (max-width: 1000px) {
     .compare-body{
         flex-direction: column;
@@ -245,4 +254,17 @@ input:checked + .slider:before {
     .select-menu{
         font-size: 0.8em;
     }
+    .season-option{
+        font-size: 0.8em;
+        color: red;
+    }
+    .options-list{
+        font-size: 1em;
+    }
+    .season-option{
+        font-size: 1em;
+    }
+    .select{
+        font-size: 1.2em;
+    }
 }
diff --git a/prem-data/src/pages/page-style.css b/prem-data/src/pages/page-style.css
@@ -306,14 +306,14 @@
 }
 @media screen and (min-width: 1441px) {
     .player-name{
-        font-size: 2.5em;
+        font-size: 2em;
     }
     .player-page-club{
-        font-size: 1.5em;
+        font-size: 1.2em;
         margin-bottom: 0.5em;
     }
     .player-page-position{
-        font-size: 1.5em;
+        font-size: 1em;
     }
     .numbers-container{
         font-size: 1.2em;
@@ -322,7 +322,7 @@
         font-size: 1em;
     }
     .position-tabs button{
-        font-size: 2em;
+        font-size: 1.25em;
     }
     .player-statistics{
         min-width: 100%;