From 5b9d0b60a17e8cc02dea64d183cd2f44e583c318 Mon Sep 17 00:00:00 2001
From: Donald Zou <donaldzou@live.hk>
Date: Sun, 11 Aug 2024 19:20:52 -0400
Subject: [PATCH] Adjusted some UI

---
 .../dashboardAPIKeysComponents/dashboardAPIKey.vue  | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/static/app/src/components/settingsComponent/dashboardAPIKeysComponents/dashboardAPIKey.vue b/src/static/app/src/components/settingsComponent/dashboardAPIKeysComponents/dashboardAPIKey.vue
index dd705ff..1e961fc 100644
--- a/src/static/app/src/components/settingsComponent/dashboardAPIKeysComponents/dashboardAPIKey.vue
+++ b/src/static/app/src/components/settingsComponent/dashboardAPIKeysComponents/dashboardAPIKey.vue
@@ -35,7 +35,7 @@ export default {
 
 <template>
 	<div class="card rounded-3 shadow-sm">
-		<div class="card-body d-flex gap-3 align-items-center" v-if="!this.confirmDelete">
+		<div class="card-body d-flex gap-3 align-items-center apiKey-card-body" v-if="!this.confirmDelete">
 			<div class="d-flex align-items-center gap-2">
 				<small class="text-muted">Key</small>{{this.apiKey.Key}}
 			</div>
@@ -62,5 +62,14 @@ export default {
 </template>
 
 <style scoped>
-
+@media screen and (max-width: 992px) {
+	.apiKey-card-body{
+		flex-direction: column;
+		align-items: start !important;
+		
+		div.ms-auto{
+			margin-left: 0 !important;
+		}
+	}
+}
 </style>
\ No newline at end of file