fix: recommender list margin

Signed-off-by: Alexander Trost <galexrt@googlemail.com>
koor-tech · Feb 5, 2024 · b1c2c6d · b1c2c6d
1 parent 059eb20
commit b1c2c6d
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/recommender/RecommenderList.vue b/src/components/recommender/RecommenderList.vue
@@ -49,7 +49,7 @@ async function listClusterRecommendations(): Promise<ListClusterRecommendationsR
             <DataNoDataBlock v-else-if="data === null || data === undefined" />
 
             <template v-else>
-                <div class="grid grid-col-2">
+                <div class="mt-2 gap-2 grid grid-col-2">
                     <RecommenderListEntry
                         v-for="recommendation in data.recommendations"
                         :key="recommendation.title"

diff --git a/src/components/recommender/RecommenderListEntry.vue b/src/components/recommender/RecommenderListEntry.vue
@@ -13,7 +13,7 @@ defineProps<{
 <template>
     <Container>
         <h3 class="text-xl inline-flex items-center gap-1">
-            <GenericBadge>
+            <GenericBadge class="gap-1">
                 <InformationIcon class="h-5 w-auto" :class="getRecommendationLevelTextColor(recommendation.level)" />
                 {{ RecommendationLevel[recommendation.level] }}
             </GenericBadge>