Steemit Design Update - Justifying the Content Box

_{Gif by @deveerei
Gif by @deveerei}

What you see here is Steemit's pop-up content box. This opens when you click on a post or reply/comment in desktop view.

I think that this feature needs improvement. There are a few things I can suggest they make changes to. To justify my suggestions, take a look at the same page in mobile view:

What's the difference? It's symmetry and alignment!

I made this mock-up of the same page, only it has a more symmetrical design than the original. The text box and the white post-information box at the top has been made into the same size.

The information about the author of that comment and the comment itself has been justified to the left and the timestamp has been justified to the right.

The "Post" and "Cancel" buttons have been made the same size and has been properly aligned.

I also applied my previous suggestion about the shadow becoming a border.

Here's a look at a side-by-side comparison of the two: The Original/Current Design V.S. The Revised Justified Design:

I added guidelines to show you that the elements do not have symmetry at all. You can see it through the lines I placed on the right panel, it shows the alignment and position of those elements. While on the left panel, I was able to use less lines that means it's more symmetrical and are properly aligned.

---

Open Source Contribution posted via Utopian.io

---