From 4d45cd38d9f18d01ec051c31790f8da27a1d79ef Mon Sep 17 00:00:00 2001
From: Freeplay <Freeplay@duck.com>
Date: Tue, 16 May 2023 22:40:02 -0400
Subject: [PATCH] focus to elements

---
 packages/client/src/components/MkChatPreview.vue        | 2 +-
 packages/client/src/components/MkGalleryPostPreview.vue | 4 ++--
 packages/client/src/style.scss                          | 1 +
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/client/src/components/MkChatPreview.vue b/packages/client/src/components/MkChatPreview.vue
index 6cd79d74c..13e0d9231 100644
--- a/packages/client/src/components/MkChatPreview.vue
+++ b/packages/client/src/components/MkChatPreview.vue
@@ -1,7 +1,6 @@
 <template>
 	<MkA
 		class="rivslvers"
-		tabindex="-1"
 		:class="{
 			isMe: isMe(message),
 			isRead: message.groupId
@@ -27,6 +26,7 @@
 						: message.user
 				"
 				:show-indicator="true"
+				disableLink
 			/>
 			<header v-if="message.groupId">
 				<span class="name">{{ message.group.name }}</span>
diff --git a/packages/client/src/components/MkGalleryPostPreview.vue b/packages/client/src/components/MkGalleryPostPreview.vue
index f4f694383..9004a449d 100644
--- a/packages/client/src/components/MkGalleryPostPreview.vue
+++ b/packages/client/src/components/MkGalleryPostPreview.vue
@@ -1,5 +1,5 @@
 <template>
-	<MkA :to="`/gallery/${post.id}`" class="ttasepnz _panel" tabindex="-1">
+	<MkA :to="`/gallery/${post.id}`" class="ttasepnz _panel">
 		<div class="thumbnail">
 			<ImgWithBlurhash
 				class="img"
@@ -34,7 +34,7 @@ const props = defineProps<{
 	position: relative;
 	height: 200px;
 
-	&:hover {
+	&:hover, &:focus {
 		text-decoration: none;
 		color: var(--accent);
 
diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss
index e7b60d476..8191dac26 100644
--- a/packages/client/src/style.scss
+++ b/packages/client/src/style.scss
@@ -52,6 +52,7 @@ html {
 	line-height: 1.6;
 	text-size-adjust: 100%;
 	tab-size: 2;
+	scroll-padding: 60px;
 
 	&.f-1 {
 		font-size: 15px;