Style deck cards

Signed-off-by: marco <marcoambrosini@pm.me>

3 files changed, 15 insertions, 3 deletions

diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/DeckCard.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/DeckCard.vue
index e77000425..2531f594e 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/DeckCard.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/DeckCard.vue
@@ -21,6 +21,7 @@
 
 <template>
 	<a class="deck-card"
+		:class="{ 'wide': wide}"
 		:href="link"
 		:aria-label="deckCardAriaLabel"
 		target="_blank">
@@ -73,6 +74,11 @@ export default {
 			type: String,
 			required: true,
 		},
+
+		wide: {
+			type: Boolean,
+			default: false,
+		},
 	},
 
 	computed: {
@@ -98,7 +104,7 @@ export default {
 	border-radius: var(--border-radius-large);
 	font-size: 100%;
 	background-color: var(--color-main-background);
-	margin: 12px 0;
+	margin: 4px 0;
 	max-width: 300px;
 	padding: 8px 16px;
 	flex-direction: column;
@@ -133,4 +139,9 @@ export default {
 	opacity: .8;
 }
 
+.wide {
+	max-width: 400px;
+	margin: 4px auto;
+}
+
 </style>
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
index 553b675bd..4e18860c6 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
@@ -619,6 +619,7 @@ export default {
 		aspect-ratio: 1;
 		.preview {
 			width: 100%;
+			min-height: unset;
 		}
 	}
 }
diff --git a/src/components/RightSidebar/SharedItems/SharedItems.vue b/src/components/RightSidebar/SharedItems/SharedItems.vue
index 10101dbd1..6e6d0faa4 100644
--- a/src/components/RightSidebar/SharedItems/SharedItems.vue
+++ b/src/components/RightSidebar/SharedItems/SharedItems.vue
@@ -32,7 +32,8 @@
 				:key="item.id"
 				class="shared-items__deckcard"
 				:class="{ 'shared-items__location--nolimit': limit === 0 }">
-				<DeckCard v-bind="item.messageParameters.object" />
+				<DeckCard :wide="true"
+					v-bind="item.messageParameters.object" />
 			</div>
 			<FilePreview v-else
 				:key="item.id"
@@ -102,7 +103,6 @@ export default {
 	display: grid;
 	grid-template-columns: 1fr 1fr 1fr;
 	grid-template-rows: 1fr 1fr;
-	margin-bottom: 16px;
 	grid-gap: 4px;
 	margin: auto;
 	&__list {