diff --git a/build/backloggery.css b/build/backloggery.css index 2935f11..9adb689 100644 --- a/build/backloggery.css +++ b/build/backloggery.css @@ -433,7 +433,7 @@ div.profile main { display:-ms-flexbox; display:flex; font-weight:700; - margin:0 0 7px; + margin:0 0 4px; text-align:center; width:100% } @@ -459,22 +459,22 @@ div.profile main { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; - border-left:2px solid rgba(0,0,0,.5); + border-right:2px solid rgba(0,0,0,.5); -webkit-box-flex:1; -ms-flex:1; flex:1; - font-size:20px; + font-size:14px; margin:0; - min-width:2rem; padding:0 3px; -webkit-transition:-webkit-box-flex .5s ease-in-out; transition:-webkit-box-flex .5s ease-in-out; transition:flex .5s ease-in-out; transition:flex .5s ease-in-out,-webkit-box-flex .5s ease-in-out,-ms-flex .5s ease-in-out + white-space:nowrap; } .platform-card .bars a:first-of-type { - border-left:0 solid rgba(0,0,0,.5) + border-left:none; } .platform-card .bars a.remove_flex { @@ -1131,6 +1131,27 @@ section.history .list>div>div { } +@media screen and (max-width:680px) { + .platform-card .bars a { + content:""; + font-size:.6rem; + } + + .platform-card .abbr,.platform-card .title { + font-size:.8rem; + min-width:45px; + } + + .platform-card .total { + font-size:.8rem; + } + + .platform-card .total>span { + display:none; + } + +} + @media screen and (max-width:600px) { .library .unibar div { font-size:3vw}