/* ==UserStyle==
@name           Mastoflex
@namespace      https://github.com/imathew
@version        1.0.3
@description    Widens labelled Mastodon columns to take up the full browser width (when using the advanced web interface) and sets a narrower drawer (compose toot) width.
@author         Mathew Inkson (https://aus.social/@imathew)
@homepageURL    https://github.com/imathew/usercss
@supportURL     https://github.com/imathew/usercss/issues
@updateURL      https://raw.githubusercontent.com/imathew/usercss/main/mastoflex.user.css
@license        Unlicense
@preprocessor   default
==/UserStyle== */

/* Change the domain to your instance */
@-moz-document domain("aus.social") {
	/* make labelled columns flexible and set their min-width to their previous default width */
	/* unlabelled columns (getting started, bookmarks, favs, lists, individual user streams) will remain at the default width */
	.column[aria-label]:not(
		/* any columns added here will remain the default width and not grow */
		[aria-label="Notifications"]
	){
		resize: horizontal;
		flex: 1 1 auto;
		min-width: 350px;
	}

	/* set a narrower size on the drawer (compose toot) to save space */
	.drawer {
		width: 240px;
	}

	/* reduce padding around columns to save even more space */
	.column, .drawer {
		padding: 2px 1px;
	}
	.column:first-child, .drawer:first-child {
		padding-left: 2px;
	}
	.column:last-child, .drawer:last-child {
		padding-right: 2px;
	}

	/* reduce the width of the scrollbars */
	div.scrollable {
		scrollbar-width: thin;
	}

	/* use a set of fonts that are easier on the eye and adjust some weights/sizes accordingly */
	body {
		font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Arial,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic;
	}
	.notification__display-name,
	strong {
		font-weight: 600 !important;
	}
}