improve styling as matrix widget

diff --git a/battle.css b/battle.css
index d18831fed0cc0f614445947cec7db5ecf402741e..710d151d37beba5c6f685a105c1dda3f2c4bc824 100644 (file)
--- a/battle.css
+++ b/battle.css
@@ -3,10 +3,23 @@ body {
        color: #CCE6FF;
        font: 24px Source Sans Pro, Arial, sans-serif;
 }
+body {
+       margin-top: 1ex;
+}
 
 h1 {
        font: 700 1.2em Eurostile Extd,Source Sans Pro,sans-serif;
        text-transform: uppercase;
+       margin-top: 0;
+}
+h1:before {
+       background: url('https://static.starcraft2.com/dist/images/global/logos/img-sc2-nav-icon.png') no-repeat;
+       width: 50px;
+       height: 50px;
+       display: inline-block;
+       content: '';
+       vertical-align: middle;
+       margin: -1ex .4em -1ex 0;
 }
 .ladders {
        font: 700 .8em Eurostile, sans-serif;
@@ -80,3 +93,13 @@ img {
 .rank.master:before {
        background-image: url("https://static.starcraft2.com/dist/images/master.51c47057b8cee504613a87cd84fba16b.png");
 }
+
+.ladders {
+       float: right;
+       margin: 0;
+       margin-top: -3ex;
+}
+.ladders li {
+       float: none;
+       margin-right: 0;
+}