Example: https://files.ozbargain.com.au/upload/59756/67357/font_adjus…
4-digit vote counts spill over the border in "Top Deals" & "Front Page Deals".
Example: https://files.ozbargain.com.au/upload/59756/67357/font_adjus…
4-digit vote counts spill over the border in "Top Deals" & "Front Page Deals".
Font size is already reduced on the main counter for 4-digit + deals to avoid spill over. Shouldn't take much work to extend the logic to the highlight boxes.
The problem of reducing the font size is that the vertical space also gets reduced (you can't just make them "narrower") resulting unreadable text. We'll probably need to change the layout rather than just changing the fonts to get it to work, if 4-digit votes becoming more common.
Votes spilling out of div, here's a fix:
Please update main.css
ul.ozblist div.votes {
background-color: #fff0c0;
/* border: #ffd080 1px solid; /
/ border-radius: 3px; /
color: #854301;
float: left;
font-size: 110%;
line-height: 20px;
padding: 4px;
text-align: center;
/ width: 26px; */
margin: 0 6px;}
Out with the borders all together, or if need be, just use a solid color or border-bottom only.
This is only the 4th time a deal has reached 4 digits, so maybe it's low priority
https://www.ozbargain.com.au/stats