From 1d049cdafc8b8c377069a13c01a5c60a00e541e4 Mon Sep 17 00:00:00 2001
From: Daniel O'Connor <daniel.oconnor@gmail.com>
Date: Mon, 27 Jan 2025 05:26:21 +0000
Subject: [PATCH] Display buttons as list

---
 .../_groupSlug/r/_slug/ingredient-parser.vue  | 36 ++++++++++---------
 1 file changed, 20 insertions(+), 16 deletions(-)

diff --git a/frontend/pages/g/_groupSlug/r/_slug/ingredient-parser.vue b/frontend/pages/g/_groupSlug/r/_slug/ingredient-parser.vue
index 0c978d9f0..a043103eb 100644
--- a/frontend/pages/g/_groupSlug/r/_slug/ingredient-parser.vue
+++ b/frontend/pages/g/_groupSlug/r/_slug/ingredient-parser.vue
@@ -72,22 +72,26 @@
                 {{ ing.input }}
                 <v-card-actions>
                   <v-spacer />
-                  <BaseButton
-                    v-if="errors[index].unitError && errors[index].unitErrorMessage !== ''"
-                    color="warning"
-                    small
-                    @click="createUnit(ing.ingredient.unit, index)"
-                  >
-                    {{ errors[index].unitErrorMessage }}
-                  </BaseButton>
-                  <BaseButton
-                    v-if="errors[index].foodError && errors[index].foodErrorMessage !== ''"
-                    color="warning"
-                    small
-                    @click="createFood(ing.ingredient.food, index)"
-                  >
-                    {{ errors[index].foodErrorMessage }}
-                  </BaseButton>
+                  <ul style="list-style-type: none;">
+                    <li v-if="errors[index].unitError && errors[index].unitErrorMessage !== ''">
+                      <BaseButton
+                        color="warning"
+                        small
+                        @click="createUnit(ing.ingredient.unit, index)"
+                      >
+                        {{ errors[index].unitErrorMessage }}
+                      </BaseButton>
+                    </li>
+                    <li v-if="errors[index].foodError && errors[index].foodErrorMessage !== ''">
+                      <BaseButton
+                        color="warning"
+                        small
+                        @click="createFood(ing.ingredient.food, index)"
+                      >
+                        {{ errors[index].foodErrorMessage }}
+                      </BaseButton>
+                    </li>
+                  </ul>
                 </v-card-actions>
               </v-expansion-panel-content>
             </v-expansion-panel>