fix(drawer): 🐛 remove gap; replace with margin

resources/mixins.less

@@ -1,6 +1,6 @@
-/*
+/*
  * Citizen - Mixins
- * https://starcitizen.tools
+ * https://starcitizen.tools
 */
 
 @import 'variables.less';
@@ -36,7 +36,7 @@
 	opacity: 1;
 	pointer-events: auto;
 	transform: none;
-	// HACK: So that visiblity won't wait 250ms to become visible
+	// HACK: So that visiblity won't wait 250ms to become visible
 	transition-delay: 0ms;
 	visibility: visible;
 
@@ -181,7 +181,6 @@
 	align-items: center;
 	color: var( --color-base ) !important;
 	font-weight: var( --font-weight-medium );
-	gap: var( --space-sm );
 }
 
 .menu-item-link-hover() {

resources/skins.citizen.styles/Drawer.less

@@ -49,6 +49,7 @@
 
 		a {
 			.menu-item-link;
+			gap: var( --space-sm );
 			padding: 0.625rem var( --space-md ); // TODO: Make this a variable
 			border-radius: var( --border-radius--small );
 

resources/skins.citizen.styles/Pagetools.less

@@ -59,6 +59,11 @@
 		a {
 			padding: 0.625rem var( --space-md );
 			.menu-item-link;
+			gap: unset;
+
+			.citizen-ui-icon {
+				margin-right: var( --space-sm );
+			}
 
 			&:hover {
 				.menu-item-link-hover;

resources/skins.citizen.styles/Usermenu.less

@@ -24,6 +24,7 @@
 		li {
 			a {
 				.menu-item-link;
+				gap: var( --space-sm );
 				align-items: center;
 				// TODO: Need to revisit this spacing, maybe set a min-height instead?
 				padding: 0.625rem var( --space-md );