Some Corrections For Mobile

components/HistoryDisplay.vue

@@ -21,9 +21,12 @@ const showAddHistoryItemModal = ref(false)
 const colorMode = useColorMode()
 
 const items = ref([])
+const platform = ref("default")
 
 const setup = async () => {
 
+  if(await useCapacitor().getIsPhone()) platform.value = "mobile"
+
   if(props.type && props.elementId){
     items.value = (await supabase.from("historyitems").select().eq(props.type,props.elementId).order("created_at",{ascending: true})).data || []
   } else {
@@ -102,10 +105,16 @@ const renderText = (text) => {
 <template>
   <UModal
     v-model="showAddHistoryItemModal"
+
   >
-    <UCard>
+    <UCard class="h-full">
       <template #header>
-        Eintrag hinzufügen
+        <div class="flex items-center justify-between">
+          <h3 class="text-base font-semibold leading-6 text-gray-900 dark:text-white">
+            Eintrag hinzufügen
+          </h3>
+          <UButton color="gray" variant="ghost" icon="i-heroicons-x-mark-20-solid" class="-my-1" @click="showAddHistoryItemModal = false" />
+        </div>
       </template>
 
       <UFormGroup