X-Git-Url: https://gitweb.ps.run/lolstats/blobdiff_plain/76d1ea9033c64619e80e38890e50cf023a8bd971..836aefac5aba1a288561cf1bd5a2cdb9a060097e:/html/style.css

diff --git a/html/style.css b/html/style.css
index 6145c2d..78f746a 100644
--- a/html/style.css
+++ b/html/style.css
@@ -55,7 +55,7 @@ body {
   position: absolute;
   font-size: 2.5vmin;
   width: calc(100% - 14px);
-  min-height: calc(100% - (7vmin + 21px) - 14px);
+  height: calc(100% - (7vmin + 21px) - 14px);
   margin: 7px;
   top: calc(7vmin + 21px);
   background-color: white;
@@ -63,7 +63,7 @@ body {
   text-align: center;
 }
 
-#historyfilters {
+#historyfilters, #statsfilters {
   position: relative;
   width: calc(100% - 14px);
   height: calc(21vmin + 14px);
@@ -72,8 +72,9 @@ body {
 
 #matchlist {
   width: calc(100% - 14px);
+  height: calc(100% - 28px - 2px - (21vmin + 14px));
   margin: 7px;
-  height: auto;
+  overflow: auto;
 }
 
 hr {
@@ -120,6 +121,11 @@ button:hover {
   bottom: 0px;
 }
 
+.championIcon {
+  width: 60px;
+  height: 60px;
+}
+
 #regionselect {
   text-transform: uppercase;
   position: absolute;
@@ -151,6 +157,21 @@ button:hover {
   bottom: 0px;
 }
 
+#champselect {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: auto;
+  overflow: auto;
+  text-align: left;
+}
+
+button.champselect {
+  width: 9vmin;
+  height: 3.5vmin;
+}
+
 @keyframes startup {
   0% {
     top: 50%;