@darch@neotxt.dk, the “Settings” screen has issues as well. I can screenshot it and twtxt about it, but it is easier to see. Click on “Settings” and see the alignment of the three blue buttons, and width in comparison with the rest of the page. This on both, desktop, and mobile.
@bender@twtxt.net please provide screenshot with comments. Preferably as an issue on the gitea for yarnd
@darch@neotxt.dk on “Timeline”, inspect any of the <article id> tags. Their computed width is 834px. Now go to “Settings”, and inspect any <article>. Their computed width is 802px.
The way I see it, this is what causing this specific problem (the commented out padding):
.tabs .tab {
order: 99;
width: 100%;
display: none;
/* padding: 1rem; */
}
Anyway, I am not a frontend designer.
@bender@twtxt.net .tabs .tab are not appied to <article id> or <article id> so i still dont “see” the issue.
please provide screenshot with comments. Preferably as an issue on the gitea for yarnd
The .tabs .tab classes are applied to a <div> on “Settings”. That padding is pushing the <article> tabs. What do you use for content creation, Microsoft Windows?
@bender@twtxt.net ah okay, so nothing to do with the horizontal scroll. Thanks for notices and bringing to attention
@darch@neotxt.dk where did I mention scrolling on this yarn?
@bender@twtxt.net you did not. i just didn’t notice it was not the same tread.