Fix card design

Signed-off-by: Julius Härtl <jus@bitgrid.net>
2019-08-23 09:51:24 +02:00
parent ba3b5b59ff
commit 77a3563b89
4 changed files with 52 additions and 38 deletions
--- a/src/components/cards/CardItem.vue
+++ b/src/components/cards/CardItem.vue
@@ -179,16 +179,17 @@ export default {
 		}

 		.labels {
-			display: flex;
 			margin-left: $card-padding;
 			margin-top: -5px;
-			margin-bottom: -5px;
+			overflow: hidden;

 			li {
-				padding: 1px 4px;
+				float: left;
+				padding: 1px 3px;
 				border-radius: 3px;
-				font-size: 90%;
-				margin-right: 2px;
+				font-size: 85%;
+				margin-right: 3px;
+				margin-bottom: 3px;
 			}
 		}