grid align ladders next to members

[sc2-widget] / battle.css

diff --git a/battle.css b/battle.css
index 2624af463f84f129392660cbc9fc1d8eb3c717b1..4f2c4d39a0df46f438efb44fed19970f7de5e67e 100644 (file)
--- a/battle.css
+++ b/battle.css
@@ -134,14 +134,30 @@ li, li img {
        background-position: -100px -150px;
 }
 
+.old {
+       text-decoration: line-through;
+}
+.old:before {
+       opacity: .5;
+}
+
 .ladders li {
        float: none;
        margin-right: 0;
 }
 
 @media (min-width: 576px) {
+       body {
+               display: grid;
+               grid-auto-columns: minmax(auto, max-content);
+       }
+       .members {
+               grid-column: 1;
+               grid-row: 2;
+       }
        .ladders {
-               float: right;
+               grid-column: 2;
+               grid-row: 2;
                margin: 0;
                margin-top: -3ex;
        }