Properly wrap reactions

marcoambrosini · marcoambrosini · commit 0ad7f4c88b28 · 2022-03-18T16:37:56.000+01:00
Signed-off-by: marco &lt;marcoambrosini@pm.me&gt;
diff --git a/src/components/MessagesList/MessagesGroup/Message/Message.vue b/src/components/MessagesList/MessagesGroup/Message/Message.vue
@@ -809,6 +809,7 @@ export default {
 	}
 	&__reactions {
 		display: flex;
+		flex-wrap: wrap;
 		margin: 4px 0 4px -2px;
 	}
 }
@@ -875,7 +876,7 @@ export default {
 	padding: 0 8px !important;
 	font-weight: normal !important;
 
-	margin: 0 2px;
+	margin: 2px;
 	height: 26px;
 	background-color: var(--color-main-background);
 

Original file line number	Diff line number	Diff line change
`@@ -809,6 +809,7 @@ export default {`
`809`	`809`	`}`
`810`	`810`	`&__reactions {`
`811`	`811`	`display: flex;`
	`812`	`+ flex-wrap: wrap;`
`812`	`813`	`margin: 4px 0 4px -2px;`
`813`	`814`	`}`
`814`	`815`	`}`
`@@ -875,7 +876,7 @@ export default {`
`875`	`876`	`padding: 0 8px !important;`
`876`	`877`	`font-weight: normal !important;`
`877`	`878`
`878`		`- margin: 0 2px;`
	`879`	`+ margin: 2px;`
`879`	`880`	`height: 26px;`
`880`	`881`	`background-color: var(--color-main-background);`
`881`	`882`