From 4d98120b719952bccbca7a447556eed4ace69980 Mon Sep 17 00:00:00 2001
From: "Jan C. Borchardt" <hey@jancborchardt.net>
Date: Thu, 15 Oct 2020 17:29:11 +0200
Subject: Composer design fixes

Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
---
 src/components/Composer.vue     | 12 +++---------
 src/components/TimelinePost.vue | 17 +++++++----------
 2 files changed, 10 insertions(+), 19 deletions(-)

diff --git a/src/components/Composer.vue b/src/components/Composer.vue
index da7eb66f..7600fdf7 100644
--- a/src/components/Composer.vue
+++ b/src/components/Composer.vue
@@ -568,21 +568,15 @@ export default {
 
 <style scoped lang="scss">
 .new-post {
-	padding: 10px;
-	background-color: var(--color-main-background);
-	position: sticky;
-	top: 47px;
-	z-index: 100;
-	margin-bottom: 10px;
+	padding: 16px;
 }
 
 .new-post-author {
-	padding: 5px;
 	display: flex;
 	flex-wrap: wrap;
 
 	.post-author {
-		padding: 6px;
+		padding: 10px;
 
 		.post-author-name {
 			font-weight: bold;
@@ -618,7 +612,7 @@ export default {
 	flex-grow: 1;
 	position: relative;
 	top: -10px;
-	margin-left: 39px;
+	margin-left: 47px;
 }
 
 .message {
diff --git a/src/components/TimelinePost.vue b/src/components/TimelinePost.vue
index a8609452..6d3a6817 100644
--- a/src/components/TimelinePost.vue
+++ b/src/components/TimelinePost.vue
@@ -1,9 +1,9 @@
 <template>
 	<article class="entry-content">
 		<div v-if="item.actor_info" class="post-avatar">
-			<avatar v-if="item.local && item.type!=='SocialAppNotification'" :size="32" :user="item.actor_info.preferredUsername"
-				:display-name="item.actor_info.account" :disable-tooltip="true" />
-			<avatar v-else :size="32" :url="avatarUrl"
+			<avatar v-if="item.local && item.type!=='SocialAppNotification'" :size="44" :user="item.actor_info.preferredUsername"
+				:display-name="item.actor_info.account" :disable-tooltip="true" :showUserStatus="false" />
+			<avatar v-else :size="44" :url="avatarUrl"
 				:disable-tooltip="true" />
 		</div>
 		<div class="post-content">
@@ -204,13 +204,10 @@ export default {
 	display: flex;
 
 	.post-avatar {
-		margin: 5px;
-		margin-right: 10px;
-		border-radius: 50%;
-		overflow: hidden;
-		width: 32px;
-		height: 32px;
-		min-width: 32px;
+		margin: 2px;
+		margin-right: 12px;
+		width: 44px;
+		height: 44px;
 		flex-shrink: 0;
 	}
 
-- 
cgit v1.2.3