Form button group styling (#16)

* Add forms button styling

* Change index import

* Replace use with import

* Prettier

Author: 000-ooo-000

CHANGELOG.md

@@ -6,6 +6,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
+- Added styling for button groups
 
 ## [2.1.0] - 2022-12-01
 

styles/Form/_form.scss

@@ -0,0 +1,8 @@
+form div[role="group"] {
+  display: flex;
+  gap: 0.25rem;
+
+  button {
+    flex: 1 1 auto;
+  }
+}

styles/Form/index.scss

@@ -0,0 +1 @@
+@use "form";

styles/Layout/SideBarLayout.scss

@@ -1,6 +1,7 @@
 @import "../../node_modules/bootstrap/scss/functions";
 @import "../../node_modules/bootstrap/scss/variables";
 @import "../../node_modules/bootstrap/scss/mixins";
+@import "../Form";
 
 $topnav-base-height: 4rem;
 $usernav-base-height: calc(#{$topnav-base-height} - 1rem);