use grid for icons

This commit is contained in:
Mutasem 2021-07-07 15:45:43 +02:00
parent 2204d43037
commit 328a576753

View file

@ -54,7 +54,6 @@ export default Vue.extend({
border-radius: 8px; border-radius: 8px;
display: block; display: block;
padding: 15px; padding: 15px;
padding-bottom: 10px;
text-decoration: none; text-decoration: none;
&:hover { &:hover {
@ -104,14 +103,10 @@ export default Vue.extend({
} }
.nodes { .nodes {
display: flex; display: grid;
margin-top: 20px; grid-template-columns: repeat(10, 1fr);
flex-wrap: wrap; grid-row-gap: 5px;
margin-block-start: 15px;
> div {
margin-right: 15px;
margin-bottom: 5px;
}
} }
.badge { .badge {