From 04eca1b992633b3a0b716061a014e20280ebc5a4 Mon Sep 17 00:00:00 2001
From: Kuchenpirat <24235032+Kuchenpirat@users.noreply.github.com>
Date: Tue, 8 Jul 2025 19:23:41 +0200
Subject: [PATCH] fix: nutrition info visuals (#5659)

---
 .../Domain/Recipe/RecipeNutrition.vue           | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/frontend/components/Domain/Recipe/RecipeNutrition.vue b/frontend/components/Domain/Recipe/RecipeNutrition.vue
index f9d1bbd3d..21dd408cc 100644
--- a/frontend/components/Domain/Recipe/RecipeNutrition.vue
+++ b/frontend/components/Domain/Recipe/RecipeNutrition.vue
@@ -17,6 +17,7 @@
             :suffix="labels[key].suffix"
             type="number"
             autocomplete="off"
+            variant="underlined"
             @update:model-value="updateValue(key, $event)"
           />
         </div>
@@ -31,15 +32,13 @@
           :key="index"
           style="min-height: 25px"
         >
-          <div>
-            <v-list-item-title class="pl-4 caption flex row">
-              <div>{{ item.label }}</div>
-              <div class="ml-auto mr-1">
-                {{ item.value }}
-              </div>
-              <div>{{ item.suffix }}</div>
-            </v-list-item-title>
-          </div>
+          <v-list-item-title class="pl-2 d-flex">
+            <div>{{ item.label }}</div>
+            <div class="ml-auto mr-1">
+              {{ item.value }}
+            </div>
+            <div>{{ item.suffix }}</div>
+          </v-list-item-title>
         </v-list-item>
       </v-list>
     </v-card>