(fix) file progress position

Author: antoine92190

src/lib/Message/MessageFiles/MessageFiles.scss

@@ -1,22 +1,26 @@
 .vac-message-files-container {
-	.vac-file-container {
-		height: 60px;
-		width: 60px;
-		margin: 3px 0 5px;
-		cursor: pointer;
-		transition: all 0.6s;
+	.vac-file-wrapper {
+		position: relative;
 
-		&:hover {
-			opacity: 0.85;
-		}
+		.vac-file-container {
+			height: 60px;
+			width: 60px;
+			margin: 3px 0 5px;
+			cursor: pointer;
+			transition: all 0.6s;
 
-		svg {
-			height: 30px;
-			width: 30px;
-		}
+			&:hover {
+				opacity: 0.85;
+			}
+
+			svg {
+				height: 30px;
+				width: 30px;
+			}
 
-		&.vac-file-container-progress {
-			background-color: rgba(0, 0, 0, 0.3);
+			&.vac-file-container-progress {
+				background-color: rgba(0, 0, 0, 0.3);
+			}
 		}
 	}
 }

src/lib/Message/MessageFiles/MessageFiles.vue

@@ -15,11 +15,15 @@
 			</message-file>
 		</div>
 
-		<div v-for="(file, idx) in otherFiles" :key="idx + 'a'">
+		<div
+			v-for="(file, idx) in otherFiles"
+			:key="idx + 'a'"
+			class="vac-file-wrapper"
+		>
 			<progress-bar
 				v-if="file.progress >= 0"
 				:progress="file.progress"
-				:style="{ top: '54px' }"
+				:style="{ top: '44px' }"
 			/>
 			<div
 				class="vac-file-container"