From 4f4ff0b4bc0c4c4ed937629cde441fae8011b4bc Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <DebaucheryLibrarian@unknown.name>
Date: Sun, 1 Sep 2024 00:08:05 +0200
Subject: [PATCH] Fixed notifications overflow on small screens.

---
 assets/css/tooltip.css    | 5 +++++
 pages/auth/keys/+Page.vue | 4 ++--
 static                    | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/assets/css/tooltip.css b/assets/css/tooltip.css
index a3f8471..ea9213a 100644
--- a/assets/css/tooltip.css
+++ b/assets/css/tooltip.css
@@ -5,6 +5,11 @@
   top: 0;
   left: 0;
   outline: none;
+  max-width: 100%;
+}
+
+.v-popper__wrapper {
+	margin: 0 .25rem .25rem .25rem; /* arrow provides top clearance */
 }
 
 .v-popper__popper.v-popper__popper--hidden {
diff --git a/pages/auth/keys/+Page.vue b/pages/auth/keys/+Page.vue
index 3be16da..9f28992 100644
--- a/pages/auth/keys/+Page.vue
+++ b/pages/auth/keys/+Page.vue
@@ -58,7 +58,7 @@
 							<Icon icon="plus-circle" />
 
 							<time
-								v-tooltip="format(key.createdAt, 'yyyy-MM-dd hh:mm:ss')"
+								v-tooltip="`Created ${format(key.createdAt, 'yyyy-MM-dd hh:mm:ss')}`"
 								:datetime="key.createdAt.toISOString()"
 							>{{ formatDistanceStrict(key.createdAt, now) }} ago</time>
 						</span>
@@ -68,7 +68,7 @@
 
 							<template v-if="key.lastUsedAt">
 								<time
-									v-tooltip="`${key.lastUsedIp} at ${format(key.lastUsedAt, 'yyyy-MM-dd hh:mm:ss')}`"
+									v-tooltip="`Last used ${format(key.lastUsedAt, 'yyyy-MM-dd hh:mm:ss')} from IP ${key.lastUsedIp}`"
 									:datetime="key.lastUsedAt.toISOString()"
 								>{{ formatDistanceStrict(key.lastUsedAt, now) }} ago</time>
 							</template>
diff --git a/static b/static
index b4446bb..f3a2f48 160000
--- a/static
+++ b/static
@@ -1 +1 @@
-Subproject commit b4446bbb07b066a38545ae7d2a112937cd006c16
+Subproject commit f3a2f48e3d93ced9c71c82126058b0e28d1b7727