new Fixes

- Box Header should be bold
- Buttons Hover/Active forms not correct
- Fixed one of the old Checkbox bug
- Footer Made with should be bold
- Sidebar fixes

Signed-off-by: Avior <florian.bouillon@delta-wings.net>

src/Sidebar/Sidebar.module.styl

@@ -42,28 +42,37 @@
 		cursor pointer
 
 	.userSpace
-		> div
+		cursor pointer
+		div, p
 			transition all $transition
 		p
 			overflow hidden
 			white-space nowrap
-		svg
-			cursor pointer
-
+		>div:last-child p
+			padding 8px 8px 4px
+			border-radius 8px
+			&:hover
+				color black
+				background $lightGrayLight
+				@media (prefers-color-scheme dark)
+					color white
+					background $darkGrayDark
+			&:active
+				color $textOnMain
+				background $main
 	&.short
 		width 88px
-		.userSpace > div:first-child
+		.userSpace > div:not(:last-child)
 		.header > div:first-child
 			width 0
 			max-width 0
+			padding-left 0
 		.header
 			margin-left -16px
 			> div:first-child
 				padding-left 0 !important
 
 		.header > div svg
-		.userSpace svg
-				margin 0 8px
 		.header .imgContainer
 		> ul
 			span
@@ -161,3 +170,16 @@
 		list-style none
 		margin 0
 		padding 0
+
+.userMenu
+	position absolute
+	bottom 16px
+	left 316px
+	z-index 200
+
+	&.short
+		left 104px
+
+	&.fullWidth
+		left 16px
+		width calc(100% - 32px)