From def32b786cee44b0f838e0555e5d665fdf9ef594 Mon Sep 17 00:00:00 2001
From: Julian Krauser <jkrauser209@gmail.com>
Date: Wed, 21 May 2025 09:20:22 +0200
Subject: [PATCH] adapt unified design in template

---
 .../unit/damageReport/DamageReportRouting.vue |  7 +-----
 .../admin/unit/equipment/CreateEquipment.vue  |  7 +-----
 src/views/admin/unit/equipment/Equipment.vue  |  7 +-----
 .../admin/unit/equipment/EquipmentRouting.vue | 14 ++++--------
 .../unit/equipmentType/EquipmentType.vue      |  7 +-----
 .../equipmentType/EquipmentTypeRouting.vue    |  8 ++-----
 .../unit/inspection/InspectionExecute.vue     |  8 +++----
 .../admin/unit/inspection/InspectionPlan.vue  |  7 +-----
 .../inspectionPlan/CreateInspectionPlan.vue   |  7 +-----
 .../unit/inspectionPlan/InspectionPlan.vue    |  7 +-----
 .../inspectionPlan/InspectionPlanRouting.vue  | 14 ++++--------
 .../unit/respiratoryGear/RespiratoryGear.vue  |  7 +-----
 .../RespiratoryGearRouting.vue                | 22 +++++++++----------
 .../respiratoryMission/RespiratoryMission.vue |  7 +-----
 .../RespiratoryMissionRouting.vue             |  4 +---
 .../respiratoryWearer/RespiratoryWearer.vue   |  7 +-----
 .../RespiratoryWearerRouting.vue              | 10 ++++-----
 .../admin/unit/vehicle/CreateVehicle.vue      |  7 +-----
 src/views/admin/unit/vehicle/Vehicle.vue      |  7 +-----
 .../admin/unit/vehicle/VehicleRouting.vue     | 14 ++++--------
 .../admin/unit/vehicleType/VehicleType.vue    |  7 +-----
 .../unit/vehicleType/VehicleTypeRouting.vue   |  8 ++-----
 .../admin/unit/wearable/CreateWearable.vue    |  7 +-----
 src/views/admin/unit/wearable/Wearable.vue    |  7 +-----
 .../admin/unit/wearable/WearableRouting.vue   | 14 ++++--------
 .../admin/unit/wearableType/WearableType.vue  |  7 +-----
 26 files changed, 54 insertions(+), 174 deletions(-)

diff --git a/src/views/admin/unit/damageReport/DamageReportRouting.vue b/src/views/admin/unit/damageReport/DamageReportRouting.vue
index 4d6ac2f..356e095 100644
--- a/src/views/admin/unit/damageReport/DamageReportRouting.vue
+++ b/src/views/admin/unit/damageReport/DamageReportRouting.vue
@@ -1,10 +1,5 @@
 <template>
-  <MainTemplate>
-    <template #topBar>
-      <div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8">Schadensmeldungen</h1>
-      </div>
-    </template>
+  <MainTemplate title="Schadensmeldungen">
     <template #diffMain>
       <div class="flex flex-col gap-2 grow px-7 overflow-hidden">
         <div class="flex flex-col grow gap-2 overflow-hidden">
diff --git a/src/views/admin/unit/equipment/CreateEquipment.vue b/src/views/admin/unit/equipment/CreateEquipment.vue
index 7493874..247b3db 100644
--- a/src/views/admin/unit/equipment/CreateEquipment.vue
+++ b/src/views/admin/unit/equipment/CreateEquipment.vue
@@ -1,10 +1,5 @@
 <template>
-  <MainTemplate>
-    <template #topBar>
-      <div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8">Ausrüstung erfassen</h1>
-      </div>
-    </template>
+  <MainTemplate title="Ausrüstung erfassen">
     <template #diffMain>
       <div class="flex flex-col gap-2 h-full w-full overflow-y-auto">
         <form class="flex flex-col gap-4 py-2 w-full max-w-xl mx-auto" @submit.prevent="triggerCreate">
diff --git a/src/views/admin/unit/equipment/Equipment.vue b/src/views/admin/unit/equipment/Equipment.vue
index 595921f..4576190 100644
--- a/src/views/admin/unit/equipment/Equipment.vue
+++ b/src/views/admin/unit/equipment/Equipment.vue
@@ -1,10 +1,5 @@
 <template>
-  <MainTemplate>
-    <template #topBar>
-      <div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8">Gerätschaften</h1>
-      </div>
-    </template>
+  <MainTemplate title="Gerätschaften">
     <template #diffMain>
       <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
         <Pagination
diff --git a/src/views/admin/unit/equipment/EquipmentRouting.vue b/src/views/admin/unit/equipment/EquipmentRouting.vue
index 5777c27..5eb9ced 100644
--- a/src/views/admin/unit/equipment/EquipmentRouting.vue
+++ b/src/views/admin/unit/equipment/EquipmentRouting.vue
@@ -1,18 +1,12 @@
 <template>
-  <MainTemplate>
+  <MainTemplate :title="activeEquipmentObj?.name">
     <template #headerInsert>
       <RouterLink to="../" class="text-primary">zurück zur Liste</RouterLink>
     </template>
     <template #topBar>
-      <div class="flex flex-row gap-2 items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8 min-h-fit grow">
-          {{ activeEquipmentObj?.name }}
-        </h1>
-
-        <RouterLink v-if="can('update', 'unit', 'equipment')" :to="{ name: 'admin-unit-equipment-edit' }">
-          <PencilIcon class="w-5 h-5" />
-        </RouterLink>
-      </div>
+      <RouterLink v-if="can('update', 'unit', 'equipment')" :to="{ name: 'admin-unit-equipment-edit' }">
+        <PencilIcon class="w-5 h-5" />
+      </RouterLink>
     </template>
     <template #diffMain>
       <div class="flex flex-col gap-2 grow px-7 overflow-hidden">
diff --git a/src/views/admin/unit/equipmentType/EquipmentType.vue b/src/views/admin/unit/equipmentType/EquipmentType.vue
index c432f48..8403461 100644
--- a/src/views/admin/unit/equipmentType/EquipmentType.vue
+++ b/src/views/admin/unit/equipmentType/EquipmentType.vue
@@ -1,10 +1,5 @@
 <template>
-  <MainTemplate>
-    <template #topBar>
-      <div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8">Geräte-Typen</h1>
-      </div>
-    </template>
+  <MainTemplate title="Geräte-Typen">
     <template #diffMain>
       <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
         <Pagination
diff --git a/src/views/admin/unit/equipmentType/EquipmentTypeRouting.vue b/src/views/admin/unit/equipmentType/EquipmentTypeRouting.vue
index 1d608bf..765cd81 100644
--- a/src/views/admin/unit/equipmentType/EquipmentTypeRouting.vue
+++ b/src/views/admin/unit/equipmentType/EquipmentTypeRouting.vue
@@ -1,14 +1,10 @@
 <template>
-  <MainTemplate>
+  <MainTemplate :title="activeEquipmentTypeObj?.type">
     <template #headerInsert>
       <RouterLink :to="{ name: 'admin-unit-equipment_type' }" class="text-primary">zurück zur Liste</RouterLink>
     </template>
     <template #topBar>
-      <div class="flex flex-row gap-2 items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8 min-h-fit grow">
-          {{ activeEquipmentTypeObj?.type }}
-        </h1>
-
+      <div class="flex flex-row gap-2">
         <RouterLink v-if="can('update', 'unit', 'equipment_type')" :to="{ name: 'admin-unit-equipment_type-edit' }">
           <PencilIcon class="w-5 h-5" />
         </RouterLink>
diff --git a/src/views/admin/unit/inspection/InspectionExecute.vue b/src/views/admin/unit/inspection/InspectionExecute.vue
index 624792b..1c8bc08 100644
--- a/src/views/admin/unit/inspection/InspectionExecute.vue
+++ b/src/views/admin/unit/inspection/InspectionExecute.vue
@@ -1,11 +1,9 @@
 <template>
   <MainTemplate>
     <template #topBar>
-      <div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl min-h-8">
-          Prüfung durchführen: {{ activeInspectionObj?.related.name }} - {{ activeInspectionObj?.inspectionPlan.title }}
-        </h1>
-      </div>
+      <h1 class="font-bold text-xl min-h-8">
+        Prüfung durchführen: {{ activeInspectionObj?.related.name }} - {{ activeInspectionObj?.inspectionPlan.title }}
+      </h1>
     </template>
     <template #main>
       <Spinner v-if="loading == 'loading'" class="mx-auto" />
diff --git a/src/views/admin/unit/inspection/InspectionPlan.vue b/src/views/admin/unit/inspection/InspectionPlan.vue
index 42deeed..c1cafc1 100644
--- a/src/views/admin/unit/inspection/InspectionPlan.vue
+++ b/src/views/admin/unit/inspection/InspectionPlan.vue
@@ -1,10 +1,5 @@
 <template>
-  <MainTemplate>
-    <template #topBar>
-      <div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8">Prüfung erstellen</h1>
-      </div>
-    </template>
+  <MainTemplate title="Prüfung erstellen">
     <template #main>
       <form class="flex flex-col gap-4 py-2 w-full max-w-xl mx-auto" @submit.prevent="">
         <div class="flex flex-row">
diff --git a/src/views/admin/unit/inspectionPlan/CreateInspectionPlan.vue b/src/views/admin/unit/inspectionPlan/CreateInspectionPlan.vue
index e758eea..c1a3c4a 100644
--- a/src/views/admin/unit/inspectionPlan/CreateInspectionPlan.vue
+++ b/src/views/admin/unit/inspectionPlan/CreateInspectionPlan.vue
@@ -1,10 +1,5 @@
 <template>
-  <MainTemplate>
-    <template #topBar>
-      <div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8">Prüfplan erstellen</h1>
-      </div>
-    </template>
+  <MainTemplate title="Prüfplan erstellen">
     <template #diffMain>
       <div class="flex flex-col gap-2 h-full w-full overflow-y-auto">
         <form class="flex flex-col gap-4 py-2 w-full max-w-xl mx-auto" @submit.prevent="triggerCreate">
diff --git a/src/views/admin/unit/inspectionPlan/InspectionPlan.vue b/src/views/admin/unit/inspectionPlan/InspectionPlan.vue
index 55d53f9..fdee7b4 100644
--- a/src/views/admin/unit/inspectionPlan/InspectionPlan.vue
+++ b/src/views/admin/unit/inspectionPlan/InspectionPlan.vue
@@ -1,10 +1,5 @@
 <template>
-  <MainTemplate>
-    <template #topBar>
-      <div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8">Prüfpläne</h1>
-      </div>
-    </template>
+  <MainTemplate title="Prüfpläne">
     <template #diffMain>
       <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
         <Pagination
diff --git a/src/views/admin/unit/inspectionPlan/InspectionPlanRouting.vue b/src/views/admin/unit/inspectionPlan/InspectionPlanRouting.vue
index ee7d936..7c6913a 100644
--- a/src/views/admin/unit/inspectionPlan/InspectionPlanRouting.vue
+++ b/src/views/admin/unit/inspectionPlan/InspectionPlanRouting.vue
@@ -1,18 +1,12 @@
 <template>
-  <MainTemplate>
+  <MainTemplate :title="activeInspectionPlanObj?.title">
     <template #headerInsert>
       <RouterLink to="./" class="text-primary">zurück zur Liste</RouterLink>
     </template>
     <template #topBar>
-      <div class="flex flex-row gap-2 items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8 min-h-fit grow">
-          {{ activeInspectionPlanObj?.title }}
-        </h1>
-
-        <RouterLink v-if="can('update', 'unit', 'inspection_plan')" :to="{ name: 'admin-unit-inspection_plan-edit' }">
-          <PencilIcon class="w-5 h-5" />
-        </RouterLink>
-      </div>
+      <RouterLink v-if="can('update', 'unit', 'inspection_plan')" :to="{ name: 'admin-unit-inspection_plan-edit' }">
+        <PencilIcon class="w-5 h-5" />
+      </RouterLink>
     </template>
     <template #diffMain>
       <div class="flex flex-col gap-2 grow px-7 overflow-hidden">
diff --git a/src/views/admin/unit/respiratoryGear/RespiratoryGear.vue b/src/views/admin/unit/respiratoryGear/RespiratoryGear.vue
index c831d07..347b3e3 100644
--- a/src/views/admin/unit/respiratoryGear/RespiratoryGear.vue
+++ b/src/views/admin/unit/respiratoryGear/RespiratoryGear.vue
@@ -1,10 +1,5 @@
 <template>
-  <MainTemplate>
-    <template #topBar>
-      <div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8">Atemschutz-Geräte</h1>
-      </div>
-    </template>
+  <MainTemplate title="Atemschutz-Geräte">
     <template #diffMain>
       <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
         <Pagination
diff --git a/src/views/admin/unit/respiratoryGear/RespiratoryGearRouting.vue b/src/views/admin/unit/respiratoryGear/RespiratoryGearRouting.vue
index cf6180b..c000096 100644
--- a/src/views/admin/unit/respiratoryGear/RespiratoryGearRouting.vue
+++ b/src/views/admin/unit/respiratoryGear/RespiratoryGearRouting.vue
@@ -4,19 +4,17 @@
       <RouterLink to="../" class="text-primary">zurück zur Liste</RouterLink>
     </template>
     <template #topBar>
-      <div class="flex flex-row gap-2 items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8 min-h-fit grow">AGT-Gerät: {{ activeRespiratoryGearObj?.equipment.name }}</h1>
+      <h1 class="font-bold text-xl h-8 min-h-fit">AGT-Gerät: {{ activeRespiratoryGearObj?.equipment.name }}</h1>
 
-        <RouterLink
-          v-if="can('read', 'unit', 'equipment')"
-          :to="{
-            name: 'admin-unit-equipment-overview',
-            params: { equipmentId: activeRespiratoryGearObj?.equipment.id ?? '_' },
-          }"
-        >
-          <ArrowTopRightOnSquareIcon class="w-5 h-5" />
-        </RouterLink>
-      </div>
+      <RouterLink
+        v-if="can('read', 'unit', 'equipment')"
+        :to="{
+          name: 'admin-unit-equipment-overview',
+          params: { equipmentId: activeRespiratoryGearObj?.equipment.id ?? '_' },
+        }"
+      >
+        <ArrowTopRightOnSquareIcon class="w-5 h-5" />
+      </RouterLink>
     </template>
     <template #diffMain>
       <div class="flex flex-col gap-2 grow px-7 overflow-hidden">
diff --git a/src/views/admin/unit/respiratoryMission/RespiratoryMission.vue b/src/views/admin/unit/respiratoryMission/RespiratoryMission.vue
index 2918572..2e7dd9d 100644
--- a/src/views/admin/unit/respiratoryMission/RespiratoryMission.vue
+++ b/src/views/admin/unit/respiratoryMission/RespiratoryMission.vue
@@ -1,10 +1,5 @@
 <template>
-  <MainTemplate>
-    <template #topBar>
-      <div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8">Atemschutz-Einsätze</h1>
-      </div>
-    </template>
+  <MainTemplate title="Atemschutz-Einsätze">
     <template #diffMain>
       <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
         <Pagination
diff --git a/src/views/admin/unit/respiratoryMission/RespiratoryMissionRouting.vue b/src/views/admin/unit/respiratoryMission/RespiratoryMissionRouting.vue
index a647868..8aee76d 100644
--- a/src/views/admin/unit/respiratoryMission/RespiratoryMissionRouting.vue
+++ b/src/views/admin/unit/respiratoryMission/RespiratoryMissionRouting.vue
@@ -4,9 +4,7 @@
       <RouterLink to="../" class="text-primary">zurück zur Liste</RouterLink>
     </template>
     <template #topBar>
-      <div class="flex flex-row gap-2 items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8 min-h-fit grow">AGT-Einsatz: {{ activeRespiratoryMissionObj?.title }}</h1>
-      </div>
+      <h1 class="font-bold text-xl h-8 min-h-fit">AGT-Einsatz: {{ activeRespiratoryMissionObj?.title }}</h1>
     </template>
     <template #diffMain>
       <div class="flex flex-col gap-2 grow px-7 overflow-hidden">
diff --git a/src/views/admin/unit/respiratoryWearer/RespiratoryWearer.vue b/src/views/admin/unit/respiratoryWearer/RespiratoryWearer.vue
index 83a6396..27b07fb 100644
--- a/src/views/admin/unit/respiratoryWearer/RespiratoryWearer.vue
+++ b/src/views/admin/unit/respiratoryWearer/RespiratoryWearer.vue
@@ -1,10 +1,5 @@
 <template>
-  <MainTemplate>
-    <template #topBar>
-      <div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8">Atemschutz-Träger</h1>
-      </div>
-    </template>
+  <MainTemplate title="Atemschutz-Träger">
     <template #diffMain>
       <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
         <Pagination
diff --git a/src/views/admin/unit/respiratoryWearer/RespiratoryWearerRouting.vue b/src/views/admin/unit/respiratoryWearer/RespiratoryWearerRouting.vue
index 5b51d6f..a72cbc8 100644
--- a/src/views/admin/unit/respiratoryWearer/RespiratoryWearerRouting.vue
+++ b/src/views/admin/unit/respiratoryWearer/RespiratoryWearerRouting.vue
@@ -4,12 +4,10 @@
       <RouterLink to="../" class="text-primary">zurück zur Liste</RouterLink>
     </template>
     <template #topBar>
-      <div class="flex flex-row gap-2 items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8 min-h-fit grow">
-          AGT-Träger: {{ activeRespiratoryWearerObj?.member.lastname }},
-          {{ activeRespiratoryWearerObj?.member.firstname }}
-        </h1>
-      </div>
+      <h1 class="font-bold text-xl h-8 min-h-fit grow">
+        AGT-Träger: {{ activeRespiratoryWearerObj?.member.lastname }},
+        {{ activeRespiratoryWearerObj?.member.firstname }}
+      </h1>
     </template>
     <template #diffMain>
       <div class="flex flex-col gap-2 grow px-7 overflow-hidden">
diff --git a/src/views/admin/unit/vehicle/CreateVehicle.vue b/src/views/admin/unit/vehicle/CreateVehicle.vue
index 6ffc3db..fa4ef2f 100644
--- a/src/views/admin/unit/vehicle/CreateVehicle.vue
+++ b/src/views/admin/unit/vehicle/CreateVehicle.vue
@@ -1,10 +1,5 @@
 <template>
-  <MainTemplate>
-    <template #topBar>
-      <div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8">Fahrzeug erfassen</h1>
-      </div>
-    </template>
+  <MainTemplate title="Fahrzeug erfassen">
     <template #diffMain>
       <div class="flex flex-col gap-2 h-full w-full overflow-y-auto">
         <form class="flex flex-col gap-4 py-2 w-full max-w-xl mx-auto" @submit.prevent="triggerCreate">
diff --git a/src/views/admin/unit/vehicle/Vehicle.vue b/src/views/admin/unit/vehicle/Vehicle.vue
index 3a46d1c..7651b10 100644
--- a/src/views/admin/unit/vehicle/Vehicle.vue
+++ b/src/views/admin/unit/vehicle/Vehicle.vue
@@ -1,10 +1,5 @@
 <template>
-  <MainTemplate>
-    <template #topBar>
-      <div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8">Fahrzeuge</h1>
-      </div>
-    </template>
+  <MainTemplate title="Fahrzeuge">
     <template #diffMain>
       <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
         <Pagination
diff --git a/src/views/admin/unit/vehicle/VehicleRouting.vue b/src/views/admin/unit/vehicle/VehicleRouting.vue
index fe49641..4d3b22c 100644
--- a/src/views/admin/unit/vehicle/VehicleRouting.vue
+++ b/src/views/admin/unit/vehicle/VehicleRouting.vue
@@ -1,18 +1,12 @@
 <template>
-  <MainTemplate>
+  <MainTemplate :title="activeVehicleObj?.name">
     <template #headerInsert>
       <RouterLink to="../" class="text-primary">zurück zur Liste</RouterLink>
     </template>
     <template #topBar>
-      <div class="flex flex-row gap-2 items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8 min-h-fit grow">
-          {{ activeVehicleObj?.name }}
-        </h1>
-
-        <RouterLink v-if="can('update', 'unit', 'vehicle')" :to="{ name: 'admin-unit-vehicle-edit' }">
-          <PencilIcon class="w-5 h-5" />
-        </RouterLink>
-      </div>
+      <RouterLink v-if="can('update', 'unit', 'vehicle')" :to="{ name: 'admin-unit-vehicle-edit' }">
+        <PencilIcon class="w-5 h-5" />
+      </RouterLink>
     </template>
     <template #diffMain>
       <div class="flex flex-col gap-2 grow px-7 overflow-hidden">
diff --git a/src/views/admin/unit/vehicleType/VehicleType.vue b/src/views/admin/unit/vehicleType/VehicleType.vue
index 9c7c364..a74082e 100644
--- a/src/views/admin/unit/vehicleType/VehicleType.vue
+++ b/src/views/admin/unit/vehicleType/VehicleType.vue
@@ -1,10 +1,5 @@
 <template>
-  <MainTemplate>
-    <template #topBar>
-      <div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8">Geräte-Typen</h1>
-      </div>
-    </template>
+  <MainTemplate title="Geräte-Typen">
     <template #diffMain>
       <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
         <Pagination
diff --git a/src/views/admin/unit/vehicleType/VehicleTypeRouting.vue b/src/views/admin/unit/vehicleType/VehicleTypeRouting.vue
index c53b192..46c3338 100644
--- a/src/views/admin/unit/vehicleType/VehicleTypeRouting.vue
+++ b/src/views/admin/unit/vehicleType/VehicleTypeRouting.vue
@@ -1,14 +1,10 @@
 <template>
-  <MainTemplate>
+  <MainTemplate :title="activeVehicleTypeObj?.type">
     <template #headerInsert>
       <RouterLink :to="{ name: 'admin-unit-vehicle_type' }" class="text-primary">zurück zur Liste</RouterLink>
     </template>
     <template #topBar>
-      <div class="flex flex-row gap-2 items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8 min-h-fit grow">
-          {{ activeVehicleTypeObj?.type }}
-        </h1>
-
+      <div class="flex flex-row gap-2">
         <RouterLink v-if="can('update', 'unit', 'vehicle_type')" :to="{ name: 'admin-unit-vehicle_type-edit' }">
           <PencilIcon class="w-5 h-5" />
         </RouterLink>
diff --git a/src/views/admin/unit/wearable/CreateWearable.vue b/src/views/admin/unit/wearable/CreateWearable.vue
index 3b4fc1e..df85b25 100644
--- a/src/views/admin/unit/wearable/CreateWearable.vue
+++ b/src/views/admin/unit/wearable/CreateWearable.vue
@@ -1,10 +1,5 @@
 <template>
-  <MainTemplate>
-    <template #topBar>
-      <div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8">Kleidung erfassen</h1>
-      </div>
-    </template>
+  <MainTemplate title="Kleidung erfassen">
     <template #diffMain>
       <div class="flex flex-col gap-2 h-full w-full overflow-y-auto">
         <form class="flex flex-col gap-4 py-2 w-full max-w-xl mx-auto" @submit.prevent="triggerCreate">
diff --git a/src/views/admin/unit/wearable/Wearable.vue b/src/views/admin/unit/wearable/Wearable.vue
index abe9eba..46dea73 100644
--- a/src/views/admin/unit/wearable/Wearable.vue
+++ b/src/views/admin/unit/wearable/Wearable.vue
@@ -1,10 +1,5 @@
 <template>
-  <MainTemplate>
-    <template #topBar>
-      <div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8">Kleidungen</h1>
-      </div>
-    </template>
+  <MainTemplate title="Kleidungen">
     <template #diffMain>
       <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
         <Pagination
diff --git a/src/views/admin/unit/wearable/WearableRouting.vue b/src/views/admin/unit/wearable/WearableRouting.vue
index 4845ae7..1b35c5f 100644
--- a/src/views/admin/unit/wearable/WearableRouting.vue
+++ b/src/views/admin/unit/wearable/WearableRouting.vue
@@ -1,18 +1,12 @@
 <template>
-  <MainTemplate>
+  <MainTemplate :title="activeWearableObj?.name">
     <template #headerInsert>
       <RouterLink to="../" class="text-primary">zurück zur Liste</RouterLink>
     </template>
     <template #topBar>
-      <div class="flex flex-row gap-2 items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8 min-h-fit grow">
-          {{ activeWearableObj?.name }}
-        </h1>
-
-        <RouterLink v-if="can('update', 'unit', 'wearable')" :to="{ name: 'admin-unit-wearable-edit' }">
-          <PencilIcon class="w-5 h-5" />
-        </RouterLink>
-      </div>
+      <RouterLink v-if="can('update', 'unit', 'wearable')" :to="{ name: 'admin-unit-wearable-edit' }">
+        <PencilIcon class="w-5 h-5" />
+      </RouterLink>
     </template>
     <template #diffMain>
       <div class="flex flex-col gap-2 grow px-7 overflow-hidden">
diff --git a/src/views/admin/unit/wearableType/WearableType.vue b/src/views/admin/unit/wearableType/WearableType.vue
index a6fb55f..33c18f0 100644
--- a/src/views/admin/unit/wearableType/WearableType.vue
+++ b/src/views/admin/unit/wearableType/WearableType.vue
@@ -1,10 +1,5 @@
 <template>
-  <MainTemplate>
-    <template #topBar>
-      <div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
-        <h1 class="font-bold text-xl h-8">Kleidungs-Typen</h1>
-      </div>
-    </template>
+  <MainTemplate title="Kleidungs-Typen">
     <template #diffMain>
       <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
         <Pagination