more post style fixes

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "13.0.7.3",
+	"version": "13.0.7.4",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",

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;
 

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 {

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;