The problem:
The tag container doesn't adjust height when adding long tags, specially in mobile:
The solution
Minor changes in Cascade Style Sheet to make it increase size when the tags exceed the space.
How to
Change:
.Editor__topics>div { padding-top: 5px!important; height: 42px!important; }
to:
.Editor__topics>div { padding-top: 5px!important; min-height: 42px!important; padding-bottom: 8px; }
Result:
Explanation:
height: 42px!important;
Is forcing the div to always have a height of 42px no matter the content it has. By changing it to min-height
we make it start at 42px but adjust if necessary.
The padding-bottom
becomes necessary to keep the same space in the top and bottom of the tag container.



Posted on Utopian.io - Rewarding Open Source Contributors