From cec9e3754f3c26321ebffbe1ab9178e55ddea80d Mon Sep 17 00:00:00 2001
From: Matthias Lodner <matthias@lodner.de>
Date: Sat, 24 Jan 2026 02:45:24 +0100
Subject: [PATCH] UI changes to variant row.

---
 frontend/app/components/variant/variantRow.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/variant/variantRow.vue b/frontend/app/components/variant/variantRow.vue
index 3c4f416..b823311 100644
--- a/frontend/app/components/variant/variantRow.vue
+++ b/frontend/app/components/variant/variantRow.vue
@@ -54,8 +54,11 @@
 <template>
   <v-card>
     <v-card-title>
-      <v-row>
-        {{ name }}
+      <v-row style="padding-top: 10px">
+        <v-text-field
+            v-model.trim="name"
+            :readonly="!edit"
+        />
 
         <v-spacer />
 
@@ -157,6 +160,8 @@
               rows="6"
               no-resize
               :readonly="!edit"
+              :placeholder="(store.article != null)? ((store.article.ingredients != null)? store.article.ingredients : undefined) : undefined"
+              persistent-placeholder
           >
             <template v-slot:counter="{ counter }">
               <span>{{ counter }} von {{ store.ingredientsMaxChars  }} Zeichen.</span>
@@ -174,6 +179,8 @@
               rows="6"
               no-resize
               :readonly="!edit"
+              :placeholder="(store.article != null)? ((store.article.ingredients != null)? store.article.ingredients : undefined) : undefined"
+              persistent-placeholder
           >
             <template v-slot:counter="{ counter }">
               <span>{{ counter }} von {{ store.ingredientsMaxChars  }} Zeichen.</span>