X-Git-Url: http://git.shiar.nl/sc2-widget/blobdiff_plain/fdbf8374c45ccb5630334cb5aedb75eef0f82ac0..HEAD:/battle.css

diff --git a/battle.css b/battle.css
index 194bf84..bcb8c62 100644
--- 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;
 	}