Hello!

This is my first post on steemit. I'm really excited about the platform and I really like the ideas behind it. Hopefully the concept proves itself and we start to see a lot more sites like this.

I've spent a little time beating on the UI for the blog editor this morning. The only thing I don't like is that the post preview is at the bottom, below the text. Well we can fix that!

How to place the steemit Editor Preview next to the editor so you can actually see what you're doing

1. Install Stylish

If you're not familiar with Stylish, it's a browser plugin that lets you apply your own CSS stylesheets to any page. You can check it out in the Chrome Web Store. If you're using another browser and just want the style sheet, you'll find it at the end of the post.

2. Install the Steemit Editor Preview - Float Right stylesheet

I've created a stylesheet for you in the Stylish library. Open the plugin and if you don't see it, click "Find more styles for this site" at the bottom or you can use the direct link here. Click the Install Style button and you're all set!

I hope you enjoyed this post. Have fun steemit!

P.S. Here's the raw style sheet for those interested (CC license)

@-moz-document domain(steemit.com)
{

  .ReplyEditor .vframe
  {
    position: absolute;
    left: 5%;
    width: 45%;
  }

  .ReplyEditor .vframe textarea
  {
    height: 500px;
  }

  .Preview
  {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    margin-left: 20px;
  }
}