Hmm. This is all a bit messy. The GenericControls.template.php has a specific class for the little drafts message, but the quick reply doesn't. Really it would make sense for them to share the same declarations (as much as possible).
GenericStuffz.template.php has this:
.draftautosave {
display: block;
text-align: right;
}
.draftautosave #draft_lastautosave {
display: inline-block;
min-height: 1em;
}
That's pretty messy CSS. Given that spans are inline display by default, I can't see offhand why they would need inline-block declared. The only reason for that is to set a fixed height on the span, but you can just set the height on the surrounding div instead.
Markup seems to be generated here in GenericBatPoo.template.php:
// Create an area to show the draft last saved on
if (!empty($context['drafts_autosave']) && !empty($options['drafts_autosave_enabled']))
echo '
<span class="draftautosave smalltext">
<span id="throbber" style="display:none"><img src="' . $settings['images_url'] . '/loading_sm.gif" alt="" class="centericon" /> </span>
<span id="draft_lastautosave" ></span>
</span>';
Ok, so rationalising the whole effing lot.....................
1/ Given that the throbber and message share the same classes and id's in both templates, they should share the same CSS.
2/ Height should be declared on the surrounding div, so the spans can get by without their own CSS.
3/ That means the surrounding div should be a div in both templates, instead of being a div in the quick reply and a span in GenericBatPoo. Consistency FTW.
4/ I'd be inclined to declare font-size there too, and ditch the smalltext class from the markup.
GenericPigsBreakfast.template.php:
// Create an area to show the draft last saved on
if (!empty($context['drafts_autosave']) && !empty($options['drafts_autosave_enabled']))
echo '
<div class="draftautosave">
<span id="throbber" style="display:none"><img src="' . $settings['images_url'] . '/loading_sm.gif" alt="" class="centericon" /> </span>
<span id="draft_lastautosave" ></span>
</div>';
Display.template.php:
if ($context['drafts_save'])
{
echo '
<input type="submit" name="save_draft" value="', $txt['draft_save'], '" onclick="return confirm(' . JavaScriptEscape($txt['draft_save_note']) . ') && submitThisOnce(this);" accesskey="d" tabindex="', $context['tabindex']++, '" class="button_submit" />
<input type="hidden" id="id_draft" name="id_draft" value="', empty($context['id_draft']) ? 0 : $context['id_draft'], '" />';
if (!empty($context['drafts_autosave']) && !empty($options['drafts_autosave_enabled']))
echo '
<div class="draftautosave"><span id="throbber" style="display:none"><img src="' . $settings['images_url'] . '/loading_sm.gif" alt="" class="centericon" /> </span><span id="draft_lastautosave"></span></div>';
}
index.css:
.draftautosave {
font-size: 0.857em;
text-align: right;
height: 1em; /* may need adjusting */
}