The following custom CSS is used on both todon.eu and todon.nl (Public Domain, free to use). See also CSS snippets to can be used with Stylus.

/* No server-stats in left sidebar anymore. Those are confusing for new users, because they are only about the server and not about the fediverse. Admin can be found on the about page. */

div.server-banner__meta__column {
       display:none;
}

/* Advanced UI */

@media (min-width: 701px) {

div.column {
        -webkit-box-flex:1 !important;
        -ms-flex-positive:1 !important;
        flex-grow: 1 !important;
}

.drawer__inner__mastodon {
	background: none;
}

}

/* Toot button */

a.button[href='/publish'],
.compose-form__publish-button-wrapper button.button.button--block,
.compose-form__actions .compose-form__submit button{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
}

a.button[href='/publish']::after,
.compose-form__publish-button-wrapper button::after,
.compose-form__actions .compose-form__submit button::after {
	content: 'Toot';
	font-size: 0.9rem;
}

/* Down arrow Hide button */

.media-gallery__actions {
    inset-inline-end: 9px;
    top: 9px;    
}

.media-gallery__actions__pill {
    border-radius: 4px;
    padding: 3px 8px;
    line-height: 1 !important;
}

.media-gallery__actions__pill > span {
    font-size: 0
}

.media-gallery__actions__pill > span::after {
    	content: '⛛';
    	font-size: 12px;
}

/* Misc */

.modal-layout__mastodon > div > img {
    display: none;
}

img.announcements__mastodon {
    display: none;
}