fix: Align card details better to take less space

Signed-off-by: Julius Härtl <jus@bitgrid.net>

src/css/labels.scss

@@ -7,9 +7,7 @@ $card-padding: 10px;
 	min-width: 0;
 	display: flex;
 	flex-direction: row;
-	margin-left: $card-padding;
-	margin-right: $card-padding;
-	margin-top: -5px;
+	gap: 3px;
 
 	li {
 		flex-grow: 0;
@@ -17,11 +15,9 @@ $card-padding: 10px;
 		display: flex;
 		flex-direction: row;
 		overflow: hidden;
-		padding: 0px 5px;
+		padding: 1px 8px;
 		border-radius: 15px;
-		font-size: 85%;
-		margin-right: 3px;
-		margin-bottom: 3px;
+		font-size: 13px;
 
 		&:hover {
 			overflow: unset;

src/css/variables.scss

@@ -1,5 +1,5 @@
 $card-spacing: 16px;
 $card-padding: 8px;
 $stack-spacing: 12px;
-$stack-width: 260px;
+$stack-width: 280px;
 $board-spacing: 16px;