Tweak appearance of ranking arrows.

This commit is contained in:
Patrick Fairbank
2021-10-20 15:36:45 -07:00
parent 024bd87339
commit 8ccc1d772c

View File

@@ -254,17 +254,19 @@ html {
display: inline-block; display: inline-block;
} }
.rank-spacer { .rank-spacer {
display:inline-block; display: inline-block;
width: 42px; width: 42px;
} }
.rank-box { .rank-box {
text-align: center; text-align: center;
margin-right: 0.3em; margin-right: 2px;
display: inline-block; display: inline-block;
padding: 0 5px 0 5px; height: 25px;
height: 44px; line-height: 25px;
font-size: 18pt; font-size: 13pt;
width: 42px; width: 28px;
position: relative;
bottom: 6px;
} }
.rank-box.rank-up { .rank-box.rank-up {
color: #fff; color: #fff;
@@ -280,7 +282,7 @@ html {
} }
.rank-box.rank-same { .rank-box.rank-same {
color: #222; color: #222;
background-color: #aaa; background-color: #aaa;
border-radius: 3px; border-radius: 3px;
} }
.arrow-up { .arrow-up {
@@ -288,20 +290,20 @@ html {
height: 0; height: 0;
position: absolute; position: absolute;
border-left: 21px solid transparent; border-left: 14px solid transparent;
border-right: 21px solid transparent; border-right: 14px solid transparent;
border-bottom: 15px solid #0a3; border-bottom: 8px solid #0a3;
top: 196px; top: 211px;
} }
.arrow-down { .arrow-down {
width: 0; width: 0;
height: 0; height: 0;
position: absolute; position: absolute;
border-left: 21px solid transparent; border-left: 14px solid transparent;
border-right: 21px solid transparent; border-right: 14px solid transparent;
border-top: 15px solid #c11; border-top: 8px solid #c11;
top: 253px; top: 244px;
} }
.final-teams>span { .final-teams>span {
margin: 0 10px; margin: 0 10px;
@@ -315,6 +317,7 @@ html {
height: 35px; height: 35px;
position: relative; position: relative;
bottom: 5px; bottom: 5px;
margin-left: 3px;
} }
#leftFinalTeams { #leftFinalTeams {
padding-right: 5%; padding-right: 5%;
@@ -504,6 +507,3 @@ html {
font-family: "FuturaLTBold"; font-family: "FuturaLTBold";
line-height: 87px; line-height: 87px;
} }
.prescore-spacer {
height: 5px;
}