Improve file viewer style consistnecy

svelte/src/file_viewer/viewers/IconBlock.svelte

@@ -0,0 +1,36 @@
+<script>
+export let icon_href = ""
+export let width = "750px"
+</script>
+
+<div class="block" style="width: {width}; max-width: 100%">
+	<img src={icon_href} alt="File icon" class="icon">
+	<div class="description">
+		<slot></slot>
+	</div>
+</div>
+
+<style>
+.block {
+	display: inline-flex;
+	flex-direction: row;
+}
+.icon {
+	flex: 0 0 auto;
+	margin-right: 8px;
+	border-radius: 8px;
+	/* Prevent icon from being stretched if text content is too large */
+	object-fit: contain;
+}
+.description {
+	flex: 1 1 auto;
+	display: inline-block;
+	text-align: initial;
+	padding-left: 8px;
+	vertical-align: middle;
+
+	background-color: var(--shaded_background);
+	border-radius: 8px;
+	padding: 8px;
+}
+</style>