diff --git a/gorge.css b/gorge.css index 61c5e55..f7684ba 100644 --- a/gorge.css +++ b/gorge.css @@ -71,8 +71,8 @@ button { position: absolute; width: 400px; right: 5%; - top: 20%; - height: 20%; + top: 15%; + height: 25%; } #buildings-area { @@ -89,22 +89,9 @@ button { overflow-x: hidden; overflow-y: scroll; max-height: 70vh; + max-width: 400px; } -@media (max-aspect-ratio: 1/1) { - - body #buildings-area { - top: 50%; - left: 50%; - width: 50%; - height: 45%; - max-height: 40vh; - } - - body #buildings-list { - max-height: 40vh; - } -} #building-tooltip { position: fixed; @@ -267,8 +254,10 @@ button { #upgrades-list { display: flex; flex-wrap: wrap; - max-height: 20%; - padding-bottom: 75px; + max-height: 25%; + height: 25%; + width: 400px; + padding-bottom: 100px; overflow-x: hidden; overflow-y: overlay; } @@ -325,9 +314,7 @@ button { background-color: #444; transition: 0.2s; text-align: center; - border: 2px; - border-style: solid; - border-color: black; + box-shadow: inset 0px 0px 0px 2px black; } .upgrade-button > .fas { @@ -341,7 +328,7 @@ button { .upgrade-button:hover { background-color: #999; - border-color: #888; + box-shadow: inset 0px 0px 0px 2px red; } .upgrade-button-inactive {