owncast/web/components/action-buttons/ActionButtonRow/ActionButtonRow.module.scss

.row {
  padding: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  button {
    margin-left: clamp(1px, 0.2vw, 0.3rem);
    margin-right: clamp(1px, 0.2vw, 0.3rem);
    &:last-of-type {
      margin-right: 0;
    }
  }
}
Add action buttons and status bar 2022-05-08 02:13:06 +03:00			`.row {`
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 20:58:57 +03:00			`padding: 0.75rem;`
Add action buttons and status bar 2022-05-08 02:13:06 +03:00			`display: flex;`
action buttons now wrap 2022-10-13 21:13:00 +03:00			`flex-wrap: wrap;`
Add action buttons and status bar 2022-05-08 02:13:06 +03:00			`align-items: center;`
			`justify-content: flex-end;`
			`button {`
fix(ui): allow dynamic tigher spacing of action buttons. fixes #2957 2023-04-27 02:52:12 +03:00			`margin-left: clamp(1px, 0.2vw, 0.3rem);`
			`margin-right: clamp(1px, 0.2vw, 0.3rem);`
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 20:58:57 +03:00			`&:last-of-type {`
			`margin-right: 0;`
			`}`
Add action buttons and status bar 2022-05-08 02:13:06 +03:00			`}`
			`}`