Design Adjustments

Author: Luffyyy

frontend/app/components/site/grid-category.vue

@@ -1,6 +1,6 @@
 <template>
 	<NuxtLink class="category" :to="`/g/${game.short_name}?category=${category.id}`">
-		<m-card center :padding="2">
+		<m-card center :padding="3">
 			<template #thumbnail>
 				<a-thumbnail v-if="category.thumbnail" url-prefix="games/images" :src="category.thumbnail" :title="category.name"/>
 			</template>

frontend/app/components/site/mod/mod-list.vue

@@ -108,7 +108,7 @@
 				</m-content-block>
 			</m-flex>
 			<m-flex column class="flex-1">
-				<div v-if="game && currentDisplayCats.length" class="categories-grid mb-3 gap-3">
+				<div v-if="game && currentDisplayCats.length" class="categories-grid mb-3 gap-2">
 					<grid-category v-for="cat of currentDisplayCats" :key="cat.id" :game="game" :category="cat"/>
 				</div>
 				<m-flex column grow gap="4" class="mods" style="flex:1; min-height: 150px;">