Hello busy people :)

In this post I want to show a few UI issues I found and also make a small suggestion at the end.
I tested on Opera browser on a Windows machine.
<center>
![ui-issues.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1508513752/zfhkos8y1ye6qdha9wpl.jpg)
</center>
Here it goes:

### 1. *Le wild scroll* on profile page
 On screens/windows between 360 and 480px on the account page, appears a horizontal scroll, and sometimes a vertical scroll as well. Maybe this can be avoided if there will be 2 rows with links on such small screens. See screenshot below:
<center>
![profile-page-bug-on-smaller.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1508511503/sh4urdrubr4i536u94uo.jpg)
</center>
### 2. Category link not aligned
On a category page, like '/trending/news', on screens smaller than 990px, the category link at the top of the page is not aligned with the rest of the site. On the screenshot below I added a vertical line to better point out the issue.
<center>
![category-name-missing-paddi.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1508511771/jt1pqqq6oopo5rxbvgwi.jpg)
</center>
### 3. 'Sort by' not aligned
On a category page like '/trending/news', on screens smaller than 768px, the 'Sort by ..' link is not aligned with the rest of the site. In the screenshot below you can better see the issue: 
<center>
![sort-by-missing-padding-on-.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1508511987/e79hmuoxuf94rk7mqdjw.jpg)
</center>

### 4. 'See all' notifications link not centered
On screens smaller than 990px, when you click the bell, the notifications box appears at the bottom, but the 'See All' link is not centered, and also could use some vertical padding. See screenshot below:
<center>
![see-all-notifications-not-c.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1508512261/vqvpelmorpmbgjhyru7s.jpg)
</center>

### 5. Drafts page missing some padding love
On the drafts page, on screens smaller than 990px, the content of the page is not aligned (missing padding) on the left side. Take a look at the screenshot below:
<center>
![drafts-missing-padding.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1508512463/vekagazlrxaimfs4tbuc.jpg)
</center>

### 6. Bookmarks page is misaligned
On the bookmarks page, when you have no bookmarks saved, on screens smaller than 990px, the 
text is missing left padding (not aligned with the rest of the page). See screenshot below:
<center>
![bookmarks-missing-padding.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1508512735/l6py1u9dzgqlflusuuil.jpg)
</center>

### 7. Please, not another misalignment :)
No, that was it with misalignments in this post, however I have a small suggestion.
On the 'Write' page, maybe a new button can be added next to the other ones for users to add list items. It could just add '- ' like the quote button adds '> '.
<center>
![add-list-item-button.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1508512996/kv3sc3kmc8sgmtfe7hdb.jpg)
</center>

I think lists are important to better structure the post and this button could be useful for users that do not markdown.

---

The site is getting tighter and it gets harder to find new bugs. Excellent work is being done here. Cheers :)

---

This post was made on [Utopian.io](https://utopian.io). A website based on STEEM that rewards open-source contributors.

You do not necessarily have to be a developer to participate. You can also contribute with ideas, feature requests, bug reporting, translations, designs/graphics, documentations, analysis, and visibility/promotion campaigns.