From f28f7f9c2b94bd703ab5215f782d2d4129d1e41c Mon Sep 17 00:00:00 2001
From: wendybujalski <wendydbujalski@gmail.com>
Date: Thu, 27 Jun 2024 16:40:44 -0400
Subject: [PATCH] fix(web) - a few VERY minor UI fixes

---
 app/web/src/components/AssetDetailsPanel.vue                  | 2 +-
 app/web/src/components/AssetNameModal.vue                     | 3 ++-
 .../src/components/AttributesPanel/AttributesPanelItem.vue    | 4 +++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/web/src/components/AssetDetailsPanel.vue b/app/web/src/components/AssetDetailsPanel.vue
index 617ee254a9..ffb4bacc9e 100644
--- a/app/web/src/components/AssetDetailsPanel.vue
+++ b/app/web/src/components/AssetDetailsPanel.vue
@@ -7,7 +7,7 @@
     <ScrollArea v-else-if="editingAsset && props.assetId">
       <template #top>
         <div
-          class="flex flex-row items-center gap-xs p-xs border-b dark:border-neutral-600"
+          class="flex flex-row items-center justify-around gap-xs p-xs border-b dark:border-neutral-600"
         >
           <VButton
             v-if="useFeatureFlagsStore().IMMUTABLE_SCHEMA_VARIANTS"
diff --git a/app/web/src/components/AssetNameModal.vue b/app/web/src/components/AssetNameModal.vue
index 38f39331b6..23b64de238 100644
--- a/app/web/src/components/AssetNameModal.vue
+++ b/app/web/src/components/AssetNameModal.vue
@@ -5,10 +5,11 @@
       v-model="assetName"
       type="text"
       label="Asset Name"
+      noLabel
       required
       @enterPressed="submit"
     />
-    <VButton class="mt-md" @click="submit">{{ props.buttonLabel }}</VButton>
+    <VButton class="mt-sm" @click="submit">{{ props.buttonLabel }}</VButton>
   </Modal>
 </template>
 
diff --git a/app/web/src/components/AttributesPanel/AttributesPanelItem.vue b/app/web/src/components/AttributesPanel/AttributesPanelItem.vue
index 0131161400..448a5b657e 100644
--- a/app/web/src/components/AttributesPanel/AttributesPanelItem.vue
+++ b/app/web/src/components/AttributesPanel/AttributesPanelItem.vue
@@ -168,7 +168,9 @@
             class="text-center pt-2xs italic text-2xs text-neutral-400"
             :style="{ paddingLeft: indentPxPlusOne }"
           >
-            +{{ numberOfHiddenChildren }} hidden empty props
+            +{{ numberOfHiddenChildren }} hidden empty prop{{
+              numberOfHiddenChildren > 1 ? "s" : ""
+            }}
           </div>
         </div>