From 9ff82c2623a9817e676d2d17390ce1684cd76cbc Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Wed, 1 Jan 2025 16:37:48 +1300
Subject: [PATCH] show interface type under interface name

---
 .../components/interfaces/ImportInterfacesModal.vue        | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/frontend/components/interfaces/ImportInterfacesModal.vue b/src/frontend/components/interfaces/ImportInterfacesModal.vue
index 7676076..c36e2b8 100644
--- a/src/frontend/components/interfaces/ImportInterfacesModal.vue
+++ b/src/frontend/components/interfaces/ImportInterfacesModal.vue
@@ -35,9 +35,10 @@
                     <div class="space-y-2 max-h-60 overflow-y-auto">
                         <div v-for="iface in importableInterfaces" :key="iface.name" class="flex items-center p-2 border rounded dark:border-zinc-700">
                             <input type="checkbox" v-model="selectedInterfaces" :value="iface.name" class="h-4 w-4 text-blue-600 rounded border-gray-300 dark:border-zinc-600">
-                            <label class="ml-2 text-sm text-gray-700 dark:text-zinc-200">
-                                {{ iface.name }} ({{ iface.type }})
-                            </label>
+                            <div class="ml-2 text-sm text-gray-700 dark:text-zinc-200">
+                                <div class="font-semibold">{{ iface.name }}</div>
+                                <div class="text-sm text-gray-500">{{ iface.type }}</div>
+                            </div>
                         </div>
                     </div>
                 </div>