diff --git a/core/javascript/sbox.js b/core/javascript/sbox.js index a04ca4d2..8b2066f9 100644 --- a/core/javascript/sbox.js +++ b/core/javascript/sbox.js @@ -245,11 +245,14 @@ .height(''); // Hide .details so that the new width won't be influenced by it. + // Also, floated 's will screw up calculations, at least in Chrome. $dd.find('.details').toggle(); + $dd.find('small').css('float', 'none'); // Set dropdown width to at least the display area's width, and at most the body's width. $dd.width(Math.min($('body').width(), Math.max($dd.realWidth(), $display.outerWidth() - $dd.outerWidth(true) + $dd.realWidth()))); // Now we can reset. $dd.find('.details').toggle(); + $dd.find('small').css('float', ''); var // Figure out if we should show above/below the display box, first by calculating the free space around it. diff --git a/core/skins/index.css b/core/skins/index.css index ef92aa27..5e737909 100644 --- a/core/skins/index.css +++ b/core/skins/index.css @@ -545,10 +545,12 @@ select.sb text-align: left margin: 1px - .text mixes .inline-block - vertical-align: baseline + .text mixes .inline-block("baseline") + width: 100% small color: #aaa + float: right + margin-left: 5px .details font-style: italic