From d4e6ee60016e48645a3d40bd8b760178fd057529 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Tue, 3 Jan 2023 10:36:14 -0800
Subject: [PATCH] more post style fixes

---
 package.json                                  |  2 +-
 .../src/components/MkInstanceTicker.vue       |  4 +--
 packages/client/src/components/MkNote.vue     |  4 +--
 .../client/src/components/MkNoteDetailed.vue  | 30 +++++++++++++++++--
 4 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 2b2161091..7e0ffbeeb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "13.0.7.3",
+	"version": "13.0.7.4",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/components/MkInstanceTicker.vue b/packages/client/src/components/MkInstanceTicker.vue
index bb3922a45..351a329f0 100644
--- a/packages/client/src/components/MkInstanceTicker.vue
+++ b/packages/client/src/components/MkInstanceTicker.vue
@@ -6,7 +6,6 @@
 </template>
 
 <script lang="ts" setup>
-import { } from 'vue';
 import { instanceName } from '@/config';
 import { instance as Instance } from '@/instance';
 
@@ -28,7 +27,7 @@ const instance = props.instance ?? {
 const themeColor = instance.themeColor ?? '#777777';
 
 const bg = {
-	background: `linear-gradient(90deg, ${themeColor}, ${themeColor}00)`
+	background: `linear-gradient(90deg, ${themeColor}, ${themeColor}11)`,
 };
 </script>
 
@@ -40,7 +39,6 @@ const bg = {
 	justify-self: flex-end;
 	padding: .1em .7em;
 	border-radius: 100px;
-	background-color: var(--accentedBg);
 	font-size: .8em;
 	text-shadow: 0 2px 2px black;
 
diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue
index c1a995f63..fa9e0e982 100644
--- a/packages/client/src/components/MkNote.vue
+++ b/packages/client/src/components/MkNote.vue
@@ -438,7 +438,7 @@ function readPromo() {
 			flex-shrink: 0;
 			display: block;
 			margin: 0 14px 8px 0;
-			grid-row: 1 / span 2;
+			grid-row: 1 / 2;
 			width: 48px;
 			height: 48px;
 			position: relative;
@@ -471,7 +471,7 @@ function readPromo() {
 			}
 
 			> .name {
-				font-size: 1.2em;
+				font-size: 1.2em !important;
 			}
 
 			> .ticker {
diff --git a/packages/client/src/components/MkNoteDetailed.vue b/packages/client/src/components/MkNoteDetailed.vue
index 4e0e01417..927ef2b86 100644
--- a/packages/client/src/components/MkNoteDetailed.vue
+++ b/packages/client/src/components/MkNoteDetailed.vue
@@ -465,13 +465,39 @@ if (appearNote.replyId) {
 
 		> .main {
 
+			> .header {
+				display: contents;
+			}
+
 			> :not(.ticker) {
-				grid-column: 1 / span 3;
+				grid-column: 1 / 3;
 				width: 100%;
 				max-width: 100%;
-				// overflow hidden
 			}
+
+			> .name, .info {
+				grid-row: 1;
+			}
+
+			> .username, .ticker {
+				grid-row: 2;
+				align-self: flex-start;
+			}
+
+			> .name {
+				font-size: 1.2em !important;
+			}
+
+			> .ticker {
+				font-size: 0.9em;
+			}
+
 			> .body {
+				margin-top: .2em;
+				overflow: hidden;
+				margin-inline: -100px;
+				padding-inline: 100px;
+
 				> .cw {
 					cursor: default;
 					display: block;