X-Git-Url: http://git.shiar.nl/sc2-widget/blobdiff_plain/82977cdaf6a7b9f8c11266424efb6f6e97cea4e7..34a0c009755b52cc6d83b80302c4cf911d412a04:/battle.css?ds=sidebyside

diff --git a/battle.css b/battle.css
index 6fbf215..bcb8c62 100644
--- a/battle.css
+++ b/battle.css
@@ -89,7 +89,7 @@ li, li img {
 .select > .select img {
 	border-color: #055CB3;
 }
-.ladders li:hover {
+[data-members]:hover {
 	background: #0C2643;
 	cursor: help;
 }
@@ -134,6 +134,15 @@ li, li img {
 	background-position: -100px -150px;
 }
 
+.loss:before {
+	color: #C11;
+	content: '✘';
+}
+.win:before {
+	color: #297ACC;
+	content: '✔';
+}
+
 .old {
 	text-decoration: line-through;
 }
@@ -146,9 +155,25 @@ li, li img {
 	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;
 	}