Putting the date in the next box (on the same line) could move the problem to the next box (if people have small screens or make the browser window smaller).
If you don't want change date format to something more acceptable you could try something like this (untested and maybe incorrect!!):
Find in your css:
.row-post-date, .row-post-buttons {
border: solid 1px #ffffff;
border-right-color: #dddddd;
border-bottom-color: #dddddd;
vertical-align: middle;
font-size: 10px;
line-height: 12px;
color: #666666;
background: url('images/cyan/bg_postbottom.gif');
white-space: nowrap;
padding: 1px;
}
border: solid 1px #ffffff;
border-right-color: #dddddd;
border-bottom-color: #dddddd;
vertical-align: middle;
font-size: 10px;
line-height: 12px;
color: #666666;
background: url('images/cyan/bg_postbottom.gif');
white-space: nowrap;
padding: 1px;
}
Replace with:
.row-post-date {
min-width: XXXpx;
}
.row-post-date, .row-post-buttons {
border: solid 1px #ffffff;
border-right-color: #dddddd;
border-bottom-color: #dddddd;
vertical-align: middle;
font-size: 10px;
line-height: 12px;
color: #666666;
background: url('images/cyan/bg_postbottom.gif');
white-space: nowrap;
padding: 1px;
}
min-width: XXXpx;
}
.row-post-date, .row-post-buttons {
border: solid 1px #ffffff;
border-right-color: #dddddd;
border-bottom-color: #dddddd;
vertical-align: middle;
font-size: 10px;
line-height: 12px;
color: #666666;
background: url('images/cyan/bg_postbottom.gif');
white-space: nowrap;
padding: 1px;
}
Where XXX should be replaced by the actual desired width!
Then do cross-browser checks (FF, IE, Chrome, Opera, Safari)
:wink: