From 7e9967b66e14f23313144ebd4c46acc2ea50487f Mon Sep 17 00:00:00 2001
From: Astro-CQM <saturn@astro.win>
Date: Tue, 15 Apr 2025 17:24:16 +0900
Subject: [PATCH] fix: add gaps to links

---
 packages/frontend/src/pages/about.vue | 54 +++++++++++++++------------
 1 file changed, 30 insertions(+), 24 deletions(-)

diff --git a/packages/frontend/src/pages/about.vue b/packages/frontend/src/pages/about.vue
index 87092a2c2..ce33a4c2f 100644
--- a/packages/frontend/src/pages/about.vue
+++ b/packages/frontend/src/pages/about.vue
@@ -171,36 +171,42 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 				<FormSection>
 					<template #label>Character Design</template>
-					<MkKeyValue>
-						<template #key>Sergio</template>
-						<template #value><MkLink url="https://x.com/koko_san_">@koko_san_</MkLink></template>
-					</MkKeyValue>
-					<MkKeyValue>
-						<template #key>Floyd</template>
-						<template #value><MkLink url="https://x.com/Astro_CQM">@Astro_CQM</MkLink>, <MkLink url="https://x.com/iyosuke_114">@iyosuke_114</MkLink></template>
-					</MkKeyValue>
-					<MkKeyValue>
-						<template #key>Oscar</template>
-						<template #value><MkLink url="https://x.com/Astro_CQM">@Astro_CQM</MkLink>, <MkLink url="https://x.com/koko_san_">@koko_san_</MkLink></template>
-					</MkKeyValue>
+					<div class="_gaps_m">
+						<MkKeyValue>
+							<template #key>Sergio</template>
+							<template #value><MkLink url="https://x.com/koko_san_">@koko_san_</MkLink></template>
+						</MkKeyValue>
+						<MkKeyValue>
+							<template #key>Floyd</template>
+							<template #value><MkLink url="https://x.com/Astro_CQM">@Astro_CQM</MkLink>, <MkLink url="https://x.com/iyosuke_114">@iyosuke_114</MkLink></template>
+						</MkKeyValue>
+						<MkKeyValue>
+							<template #key>Oscar</template>
+							<template #value><MkLink url="https://x.com/Astro_CQM">@Astro_CQM</MkLink>, <MkLink url="https://x.com/koko_san_">@koko_san_</MkLink></template>
+						</MkKeyValue>
+					</div>
 				</FormSection>
 				<FormSection>
 					<template #label>ST@R P:ACE Branding</template>
-					<MkKeyValue>
-						<template #key>Logo Design</template>
-						<template #value><MkLink url="https://crepe.cm/@r0I1xmCy">@r0I1xmCy</MkLink></template>
-					</MkKeyValue>
-					<MkKeyValue>
-						<template #key>Main Illustrations</template>
-						<template #value><MkLink url="https://x.com/iyosuke_114">@iyosuke_114</MkLink></template>
-					</MkKeyValue>
+					<div class="_gaps_m">
+						<MkKeyValue>
+							<template #key>Logo Design</template>
+							<template #value><MkLink url="https://crepe.cm/@r0I1xmCy">@r0I1xmCy</MkLink></template>
+						</MkKeyValue>
+						<MkKeyValue>
+							<template #key>Main Illustrations</template>
+							<template #value><MkLink url="https://x.com/iyosuke_114">@iyosuke_114</MkLink></template>
+						</MkKeyValue>
+					</div>
 				</FormSection>
 				<FormSection>
 					<template #label>OSCAR Node #4 Branding</template>
-					<MkKeyValue>
-						<template #key>Special Illustration</template>
-						<template #value><MkLink url="https://x.com/DK_DK42">@DK_DK42</MkLink></template>
-					</MkKeyValue>
+					<div class="_gaps_m">
+						<MkKeyValue>
+							<template #key>Special Illustration</template>
+							<template #value><MkLink url="https://x.com/DK_DK42">@DK_DK42</MkLink></template>
+						</MkKeyValue>
+					</div>
 				</FormSection>
 			</div>
 		</MkSpacer>