From 3ad9767e83deaf6355385ef4ad368d38bdb53299 Mon Sep 17 00:00:00 2001
From: Remi  PLANEL <rplanel@pasteur.fr>
Date: Wed, 6 Sep 2023 17:09:46 +0200
Subject: [PATCH] Use toolblar

---
 components/content/ListSystems.vue | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/components/content/ListSystems.vue b/components/content/ListSystems.vue
index 83c1fd9d..b6536466 100644
--- a/components/content/ListSystems.vue
+++ b/components/content/ListSystems.vue
@@ -14,12 +14,13 @@ const headers = ref([{
 
 </script>
 <template>
-    <v-card flat color="transparent">
-        <v-card-title>
-            Defense Systems
-            <v-spacer></v-spacer>
-            <v-text-field v-model="search" append-icon="mdi-magnify" label="Search" single-line hide-details></v-text-field>
-        </v-card-title>
+    <v-card flat color="transparent" class="my-5">
+        <v-toolbar>
+            <v-toolbar-title>Defense Systems</v-toolbar-title>
+
+            <v-text-field v-model="search" density="compact" variant="underlined" append-inner-icon="mdi-magnify" label="Search"
+                single-line hide-details class="mx-2"></v-text-field>
+        </v-toolbar>
         <v-data-table :items-per-page="itemsPerParge" v-model:sort-by="sortBy" :headers="headers" :items="props.systems"
             :search="search">
             <template #[`item.system`]="{ item }">
-- 
GitLab