Yesterday the superb Scopique shared a 3rd party Mastodon app called Sengi. I’ve been testing it out and generally like it but for me personally the column widths were a bit narrow (320px) and there is no in-app way to customize this (yet at least).

Sengi comes in both a web-app and a stand-alone app version. There was nothing I could do to address the issue in the stand-alone app, short of recompiling it I guess. But that seemed like actual effort and the web app seems to work just as well as the stand-alone. I figured I could use Style Bot to fix things up, but the web app window is stripped down and doesn’t offer access to browser extensions.

This was pretty simple to work around. Open a regular browser tab and go to https://sengi.nicolas-constant.com/, then open Style Bot. I bumped the column width to 500px using these rules:


.main-display__stream-column {
width: calc(500px + 7px);
}

.stream-column,
.stream-column__stream-header,
.stream-statuses {
width: 500px;
}


Once Style Bot is set for the domain, you can go back to using the cleaner web app and your new styles will be applied. Or if you want a standard browser window, just keep using that.

I was initially going to share this on Mastodon but it seemed a little long, ergo the blog post.