From 9e5135eb2ba2db5cc4c9defb4d35b6e5e543be43 Mon Sep 17 00:00:00 2001
From: Freeplay <Freeplay@duck.com>
Date: Sat, 7 Jan 2023 01:43:52 -0500
Subject: [PATCH] Spacing & other tweaks

I may have stayed up a little for this commit
---
 .../client/src/components/MkInstanceTicker.vue     |  4 ++--
 packages/client/src/components/MkNote.vue          | 14 +++++++++-----
 packages/client/src/components/MkNoteHeader.vue    |  4 +---
 3 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/packages/client/src/components/MkInstanceTicker.vue b/packages/client/src/components/MkInstanceTicker.vue
index 6ff894d702..399ea2776f 100644
--- a/packages/client/src/components/MkInstanceTicker.vue
+++ b/packages/client/src/components/MkInstanceTicker.vue
@@ -27,7 +27,7 @@ const instance = props.instance ?? {
 const themeColor = instance.themeColor ?? '#777777';
 
 const bg = {
-	background: `linear-gradient(90deg, ${themeColor}, ${themeColor}11)`,
+	background: `linear-gradient(90deg, ${themeColor}, ${themeColor}99)`,
 };
 </script>
 
@@ -37,7 +37,7 @@ const bg = {
 	align-items: center;
 	height: 1.1em;
 	justify-self: flex-end;
-	padding: .1em .4em;
+	padding: .2em .4em;
 	border-radius: 100px;
 	font-size: .8em;
 	text-shadow: 0 2px 2px var(--shadow);
diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue
index 23312f30b7..ff0ad04b62 100644
--- a/packages/client/src/components/MkNote.vue
+++ b/packages/client/src/components/MkNote.vue
@@ -363,13 +363,14 @@ function readPromo() {
 		padding: 0 32px 0 32px;
 		display: flex;
 		&:first-child {
-			margin-top: 10px;
+			margin-top: 15px;
 		}
 		> :not(.line) {
 			width: 0;
 			flex-grow: 1;
 			position: relative;
-			margin-bottom: -15px;
+			margin-bottom: -10px;
+			line-height: 28px;
 		}
 		> .line {
 			width: var(--avatar-size);
@@ -386,7 +387,6 @@ function readPromo() {
 		> .info {
 			display: flex;
 			align-items: center;
-			line-height: 24px;
 			font-size: 90%;
 			white-space: pre;
 			color: #f6c177;
@@ -405,7 +405,6 @@ function readPromo() {
 		> .renote {
 			display: flex;
 			align-items: center;
-			line-height: 28px;
 			white-space: pre;
 			color: var(--renote);
 
@@ -428,6 +427,7 @@ function readPromo() {
 			> .info {
 				margin-left: auto;
 				font-size: 0.9em;
+				display: flex;
 
 				> .time {
 					flex-shrink: 0;
@@ -438,6 +438,10 @@ function readPromo() {
 						margin-right: 4px;
 					}
 				}
+				> span {
+					display: flex;
+					align-items: center;
+				}
 			}
 		}
 
@@ -448,7 +452,7 @@ function readPromo() {
 	}
 
 	> .article {
-		padding: 28px 32px 18px;
+		padding: 28px 32px 10px;
 		cursor: pointer;
 
 		@media (pointer: coarse) {
diff --git a/packages/client/src/components/MkNoteHeader.vue b/packages/client/src/components/MkNoteHeader.vue
index dd1f11ecad..a5cf657094 100644
--- a/packages/client/src/components/MkNoteHeader.vue
+++ b/packages/client/src/components/MkNoteHeader.vue
@@ -76,9 +76,6 @@ defineProps<{
 				display: flex;
 				flex-direction: column;
 				align-items: flex-start;
-				.username {
-					font-size: .9em;
-				}
 				&:last-child {
 					align-items: flex-end;
 				}
@@ -118,6 +115,7 @@ defineProps<{
 			overflow: hidden;
 			text-overflow: ellipsis;
 			align-self: flex-start;
+			font-size: .9em;
 		}
 
 		.info {