Don't you think it would look better if all the buttons under the text field would be in a row?
It would be in a row if your Screen would be larger.
Definitely not. ;)
What do these buttons say? O:-)
From what I can tell here the buttons are all on the same line.
When the word correction is activated, the button for saving a draft uses a new row. The button for adding a poll uses a new row too (everytime).
Will it look better if all buttons will be shown in a single row and the text on the left under the text field would be under them, if there's not enough space? I think so. ;)
IIRC this was somehow intentional: the three buttons related to "posting" (preview/save/draft) on the same line, all the others (poll/spellcheck/etc.) below.
Of course there was a technical reason that was a pain to fix (and that I don't remember exactly, but I think it was related to having the "draft last saved" string making buttons jump around, so we made up a technical reasoning to make the solution acceptable. :P
Can you at least code a little space between the rows then? O:-)
You can throw a little margin via css between them, shouldn't be hard.
You sneaky little... EHM ;D
Maybe, but it would be great to see that as a fix for future releases. ;)
I don't think I can enable spellchecker to enable that pester button, so I am afraid I cannot suggest it without seeing it :/
You can still look at my screenshots. ;)
Yeah and I can surely edit css from a screenshot, LOL.
You can't? Time for an upgrade! :D
Sorry, this was a misunderstanding. I didn't know you want to look in the code. I meant the dev team with my suggestion.
Ahhh.... wait!
The problem is not what I was thinking, the problem is with the translation!
See the two attachments.
The text is so long that pushes the buttons, that normally are on the same line, down making them appear as two rows of buttons.
If you want to give it some spacing, you can add some margin:
#post_confirm_buttons span, #post_confirm_buttons input {
margin-top: 0.75em;
}Otherwise you can force the buttons below the legend:
.shortcuts {
float: none;
display: block;
text-align: left;
}
Oh great. This will be a real problem for us translators 'cause sometimes there is no short translation for the buttons which makes sense. :-\
Edit: As you can see in my screenshots I already shortened the shortcut text so there will be more space for the buttons. I have to think about the best solution in this matter.
I think everything (legend and buttons) was put on the same line to avoid lots of empty space.
An option could be to have the legend below the buttons aligned with the "draft last saved" string.
That may be enough to arrange everything (or most at least).
Maybe
@Spuds or
@TE have other ideas. O:-)
I think I prefer to delete the shortcut text. You have to use the mouse for everything in the board's use, so why do you want to use shortcuts in the editor page? When this text is deleted, the buttons will have all space they need.
Ideas are always welcome! :)
maybe just remove the float for the shortcuts text and make it display:block, so it is displayed in its own row.
.shortcuts {
font-size: .857em;
/* float: left; */
overflow: hidden;
display: block;
}