ignore missing matches records in widget

[sc2-widget] / battle.css

diff --git a/battle.css b/battle.css
index 194bf8485c346cdd7c318186748a72615f877892..bcb8c620c444b0eb414347116a33502c5e6645e0 100644 (file)
--- a/battle.css
+++ b/battle.css
@@ -12,7 +12,7 @@ h1 {
        margin-top: 0;
 }
 h1:before {
-       background: url('https://static.starcraft2.com/dist/images/global/logos/img-sc2-nav-icon.png') no-repeat;
+       background: url(sc2icon.png) no-repeat;
        width: 50px;
        height: 50px;
        display: inline-block;
@@ -89,7 +89,7 @@ li, li img {
 .select > .select img {
        border-color: #055CB3;
 }
-.ladders li:hover {
+[data-members]:hover {
        background: #0C2643;
        cursor: help;
 }
@@ -134,14 +134,46 @@ li, li img {
        background-position: -100px -150px;
 }
 
+.loss:before {
+       color: #C11;
+       content: '✘';
+}
+.win:before {
+       color: #297ACC;
+       content: '✔';
+}
+
+.old {
+       text-decoration: line-through;
+}
+.old:before {
+       opacity: .5;
+}
+
 .ladders li {
        float: none;
        margin-right: 0;
 }
 
+body {
+       display: grid;
+       grid-auto-columns: minmax(auto, max-content);
+}
+.ladders {
+       grid-row: 3;
+}
+.matches {
+       grid-column: 1;
+}
+
 @media (min-width: 576px) {
+       .members {
+               grid-column: 1;
+               grid-row: 2;
+       }
        .ladders {
-               float: right;
+               grid-column: 2;
+               grid-row: 2;
                margin: 0;
                margin-top: -3ex;
        }