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

.row {
  padding: 0.75rem;
  padding-bottom: 0;
  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);
    margin-bottom: 0.5rem;

    &:last-of-type {
      margin-right: 0;
    }
  }
}
Add action buttons and status bar 2022-05-07 16:13:06 -07: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 10:58:57 -07:00			`padding: 0.75rem;`
chore: run stylelint on our css files 2023-06-20 20:56:37 -07:00			`padding-bottom: 0;`
Add action buttons and status bar 2022-05-07 16:13:06 -07:00			`display: flex;`
action buttons now wrap 2022-10-13 20:13:00 +02:00			`flex-wrap: wrap;`
Add action buttons and status bar 2022-05-07 16:13:06 -07:00			`align-items: center;`
			`justify-content: flex-end;`
chore: run stylelint on our css files 2023-06-20 20:56:37 -07:00
Add action buttons and status bar 2022-05-07 16:13:06 -07:00			`button {`
fix(ui): allow dynamic tigher spacing of action buttons. fixes #2957 2023-04-26 16:52:12 -07:00			`margin-left: clamp(1px, 0.2vw, 0.3rem);`
			`margin-right: clamp(1px, 0.2vw, 0.3rem);`
Update ActionButtonRow.module.scss (#3156) 2023-07-10 06:38:02 +05:30			`margin-bottom: 0.5rem;`
chore: run stylelint on our css files 2023-06-20 20:56:37 -07:00
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			`&:last-of-type {`
			`margin-right: 0;`
			`}`
Add action buttons and status bar 2022-05-07 16:13:06 -07:00			`}`
			`}`