add space under icons

harminius · harminius · commit 4bff8ca462d2 · 2025-10-02T13:10:08.000+02:00
diff --git a/src/.vitepress/theme/components/PageFooter.vue b/src/.vitepress/theme/components/PageFooter.vue
@@ -75,10 +75,6 @@ const darkMode = computed(() => data.isDark.value);
 
   &__icon {
     padding: 0 0.5rem;
-    display: inline-flex;        /* keep it inline with surrounding text */
-    align-items: center;         /* vertical centering */
-    justify-content: center;
-    vertical-align: middle;
   }
 
   &__container {
@@ -128,6 +124,7 @@ const darkMode = computed(() => data.isDark.value);
     display: flex;
     align-items: center;
     flex-direction: column;
+    gap: 0.75rem;
   }
 }
 @media screen and (max-width: 911px) {

Original file line number	Diff line number	Diff line change
`@@ -75,10 +75,6 @@ const darkMode = computed(() => data.isDark.value);`
`75`	`75`
`76`	`76`	`&__icon {`
`77`	`77`	`padding: 0 0.5rem;`
`78`		`- display: inline-flex; /* keep it inline with surrounding text */`
`79`		`- align-items: center; /* vertical centering */`
`80`		`- justify-content: center;`
`81`		`- vertical-align: middle;`
`82`	`78`	`}`
`83`	`79`
`84`	`80`	`&__container {`
`@@ -128,6 +124,7 @@ const darkMode = computed(() => data.isDark.value);`
`128`	`124`	`display: flex;`
`129`	`125`	`align-items: center;`
`130`	`126`	`flex-direction: column;`
	`127`	`+ gap: 0.75rem;`
`131`	`128`	`}`
`132`	`129`	`}`
`133`	`130`	`@media screen and (max-width: 911px) {`