From 45c5fa73ff5f0aa785c751dd4fdc097bf7e9270d Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Sat, 2 Sep 2023 09:57:38 -0700
Subject: [PATCH] fix: :lipstick: Announcement padding/margins

---
 packages/client/src/components/MkAnnouncement.vue | 10 ++++++----
 packages/client/src/pages/announcements.vue       | 12 ++++++++----
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/packages/client/src/components/MkAnnouncement.vue b/packages/client/src/components/MkAnnouncement.vue
index bd1091b7f2..700cb5e747 100644
--- a/packages/client/src/components/MkAnnouncement.vue
+++ b/packages/client/src/components/MkAnnouncement.vue
@@ -8,9 +8,11 @@
 			<div :class="$style.time">
 				<MkTime :time="announcement.createdAt" />
 				<div v-if="announcement.updatedAt">
-					{{ i18n.ts.updatedAt }}:
-					<MkTime :time="announcement.createdAt" />
-				</div>
+					<small>
+						{{ i18n.ts.updatedAt }}:
+						<MkTime :time="announcement.createdAt" />
+					</small>
+				</span>
 			</div>
 			<Mfm :text="text" />
 			<img
@@ -80,6 +82,6 @@ const gotIt = () => {
 }
 
 .gotIt {
-	margin: 8px 0 0 0;
+	margin: 1rem 0 1rem 2rem;
 }
 </style>
diff --git a/packages/client/src/pages/announcements.vue b/packages/client/src/pages/announcements.vue
index 1830613644..bf4f099fc3 100644
--- a/packages/client/src/pages/announcements.vue
+++ b/packages/client/src/pages/announcements.vue
@@ -16,8 +16,12 @@
 					class="announcement _panel"
 				>
 					<div class="_title">
-						<span v-if="$i && !announcement.isRead">🆕 </span>
-						<h3>{{ announcement.title }}</h3>
+						<h3>
+							<span v-if="$i && !announcement.isRead">
+								🆕&nbsp;
+							</span>
+							{{ announcement.title }}
+						</h3>
 						<MkTime :time="announcement.createdAt" />
 						<div v-if="announcement.updatedAt">
 							{{ i18n.ts.updatedAt }}:
@@ -85,7 +89,7 @@ definePageMetadata({
 		}
 
 		> ._title {
-			padding: 14px 32px !important;
+			padding: 0.5rem 2rem !important;
 		}
 
 		> ._seperator {
@@ -93,7 +97,7 @@ definePageMetadata({
 		}
 
 		> ._content {
-			padding: 2rem;
+			padding: 0 2rem !important;
 
 			> img {
 				display: block;