From 1026ad0903cbe6cd15449d27446f58fbdd92ee39 Mon Sep 17 00:00:00 2001
From: Max Bischof <106820326+bischofmax@users.noreply.github.com>
Date: Mon, 30 Oct 2023 10:46:10 +0100
Subject: [PATCH] BC-5634 - Style file element (#2888)

---
 .../content/display/audio-display/AudioDisplay.vue            | 4 ++--
 .../content/display/video-display/VideoDisplay.vue            | 1 +
 .../content/inputs/caption/CaptionText.vue                    | 1 +
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/feature-board-file-element/content/display/audio-display/AudioDisplay.vue b/src/components/feature-board-file-element/content/display/audio-display/AudioDisplay.vue
index abced02e73..374be8d20f 100644
--- a/src/components/feature-board-file-element/content/display/audio-display/AudioDisplay.vue
+++ b/src/components/feature-board-file-element/content/display/audio-display/AudioDisplay.vue
@@ -1,5 +1,5 @@
 <template>
-	<ContentElementBar class="my-2">
+	<ContentElementBar class="my-4">
 		<template #element>
 			<audio
 				controls
@@ -7,7 +7,7 @@
 				loading="lazy"
 				:src="src"
 				v-on:error="onError"
-				class="audio mr-2"
+				class="audio"
 			/>
 		</template>
 		<template #menu><slot /></template>
diff --git a/src/components/feature-board-file-element/content/display/video-display/VideoDisplay.vue b/src/components/feature-board-file-element/content/display/video-display/VideoDisplay.vue
index 57c9508e8f..0f50d14279 100644
--- a/src/components/feature-board-file-element/content/display/video-display/VideoDisplay.vue
+++ b/src/components/feature-board-file-element/content/display/video-display/VideoDisplay.vue
@@ -43,6 +43,7 @@ export default defineComponent({
 <style scoped>
 .video {
 	width: 100%;
+	display: block;
 }
 
 .menu {
diff --git a/src/components/feature-board-file-element/content/inputs/caption/CaptionText.vue b/src/components/feature-board-file-element/content/inputs/caption/CaptionText.vue
index ba81497ca2..d21d66aa62 100644
--- a/src/components/feature-board-file-element/content/inputs/caption/CaptionText.vue
+++ b/src/components/feature-board-file-element/content/inputs/caption/CaptionText.vue
@@ -5,6 +5,7 @@
 		auto-grow
 		v-model="modelValue"
 		:label="$t('components.cardElement.fileElement.caption')"
+		hide-details="true"
 	/>
 </template>