From 77e0408a6a8898a9bd4e3766c71a2b6e7fc8d448 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Damian=20Fia=C5=82kiewicz?= <aekal4@gmail.com>
Date: Sun, 24 Nov 2024 11:27:35 +0100
Subject: [PATCH] feat(profile): update list item styles

---
 src/components/BaseInput.vue    | 2 +-
 src/components/BaseListItem.vue | 8 +++-----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/BaseInput.vue b/src/components/BaseInput.vue
index 572070b..b9686e2 100644
--- a/src/components/BaseInput.vue
+++ b/src/components/BaseInput.vue
@@ -14,7 +14,7 @@ const model = defineModel<string>()
     <input
       v-bind="$attrs"
       v-model="model"
-      class="rounded border p-1.5 text-neutral-700 placeholder:text-neutral-400"
+      class="w-full rounded border p-1.5 text-neutral-700 placeholder:text-neutral-400"
     />
   </label>
 </template>
diff --git a/src/components/BaseListItem.vue b/src/components/BaseListItem.vue
index 97ee032..683ee61 100644
--- a/src/components/BaseListItem.vue
+++ b/src/components/BaseListItem.vue
@@ -5,10 +5,8 @@ defineProps<{
 }>()
 </script>
 <template>
-  <li class="flex flex-col gap-2">
-    {{ label }}
-    <div class="rounded bg-neutral-700 p-2.5">
-      {{ value || '-' }}
-    </div>
+  <li class="flex flex-col gap-2 rounded bg-neutral-700 p-2.5">
+    <span class="font-bold">{{ label }}</span>
+    <span>{{ value || '-' }}</span>
   </li>
 </template>