5
You are seeing a classic dynamic content issue. With that in mind I think it's worth considering how your design endures (lasts over time).
I would suggest you design is able to handle dynamic content elegantly and to this end, I would suggest increasing the height on the item to wrap onto a second (or third) line based on the content. This would involve ...
3
According to the article Where to Place Icons Next to Button Labels, from UX movement, the icon should come first:
Eyetracking research has shown that users scan from the left in a vertical movement. In order for icons to serve as a visual scanning aid, users need to see them before they see the button label. Placing them to the left of your button label ...
1
It depends... Can user identify slides if they are smaller? Is user going to work on this slides here, or is it just to edit connections?
Auto zoom out (auto fit? correct me if there is aright name for it) can be a good option. If slides have their names, then the user can identify them even from afar and you can always see everything. You can fit on the ...
1
Aline has a great link to research in his answer. I'll add that if the icon is on the left, you leave the right side available to add a downward pointing arrow to indicate a dropdown menu. Additionally, after some digging, I found way more examples of icon on the left than on the right:
GitHub Buttons:
GitHub Labels:
Google Account:
StackExchange:
...
Only top voted, non community-wiki answers of a minimum length are eligible
