owncast/web/components/chat/ChatActionMessage/ChatActionMessage.module.scss

.chatActionPadding {
  padding: 4px 1rem;
}

.chatAction {
  padding: 8px;
	border-radius: 4px;
	text-align: center;
	font-size: 12px;
	color: var(--theme-color-components-chat-text);
	background-color: var(--theme-color-palette-0);


	p {
		margin: 0;
	}
}
replace margins with padding in the chat container (#3165) Virtuoso can't calculate the size of elements that have margins. This causes strange behaviour with scrolling in chat. Co-authored-by: janWilejan <> 2023-07-11 20:07:58 +00:00			`.chatActionPadding {`
			`padding: 4px 1rem;`
			`}`

Action message component 2022-07-14 20:12:42 -07:00			`.chatAction {`
some webv2 UI polish (#2940) * style tweaks for Action Button, UserMenu, Modal * a bunch of misc polish; some around chat * Prettified Code! * cleanup * fix formatting * Reduce content padding a bit * some stylesheet cleanup * fix action button sizing * Remove action button height completely --------- Co-authored-by: gingervitis <gingervitis@users.noreply.github.com> Co-authored-by: Gabe Kangas <gabek@real-ity.com> 2023-04-24 10:58:57 -07:00			`padding: 8px;`
			`border-radius: 4px;`
			`text-align: center;`
			`font-size: 12px;`
			`color: var(--theme-color-components-chat-text);`
			`background-color: var(--theme-color-palette-0);`


			`p {`
			`margin: 0;`
			`}`
Action message component 2022-07-14 20:12:42 -07:00			`}`