enter image description here


#post-form .wmd-container,
#post-form .wmd-input,
#post-form .wmd-preview {
  width : 720px;

#post-form .post-editor,
#post-form .wmd-button-bar {
  width : 728px;

enter image description here

I guess, it's debateable, but, I like it :)

  • 1
    Yeah, I kinda like that. It's subtle and doesn't change the existing layout, but would make the input box more useful. – Adam Lear Oct 24 '12 at 22:10
  • 1
    Why use pixels as a unit and not percentages? Having a flexible layout would prove a 'quick win'. Having a responsive design would be totally awesome! – Martin de Keijzer Oct 24 '12 at 22:59
  • @MartindeKeijzer: I just don't know better. I'd be very happy to learn how to improve it :) – Der Hochstapler Oct 24 '12 at 23:01
  • 1
    Well, the primary reason it's the size that it is is to make sure that the preview is (generally) representative of the final post. Note that the post voting controls take up that seemingly extra space once you hit submit. – Tim Stone Oct 27 '12 at 0:25
  • @TimStone: If that was the reasoning, it wasn't sound. Due to Markdown formatting the size of the editing area isn't really an indication of the width of the rendered output, if I'm not mistaken. – Der Hochstapler Oct 27 '12 at 1:02
  • 1
    Not the size of the editing area, but the size of the preview area, which in your mock-up has grown along with the text box itself. With a wider preview area, you might be tricked into thinking that a particular code block wasn't going to scroll, only to be unpleasantly surprised after posting. You could widen the text area without widening the preview panel, but the lack of consistency might be a bit off-putting. – Tim Stone Oct 27 '12 at 1:09
  • @TimStone: Oh, right. Sorry about that. Yeah, that's really a problem. Maybe aligning the whole thing to the right might yield better results - functionally and visualy. – Der Hochstapler Oct 27 '12 at 1:15

You must log in to answer this question.

Browse other questions tagged .