From 8555ec2f72d4dba020da5ae4b98f9fb20138fe93 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Wed, 24 Apr 2019 10:02:31 +0900
Subject: [PATCH] Fix #4767

---
 src/client/app/common/views/components/avatar.vue      | 1 +
 src/client/app/mobile/views/components/note-detail.vue | 6 +-----
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/client/app/common/views/components/avatar.vue b/src/client/app/common/views/components/avatar.vue
index 04f3ed9f78..cd02c6957d 100644
--- a/src/client/app/common/views/components/avatar.vue
+++ b/src/client/app/common/views/components/avatar.vue
@@ -78,6 +78,7 @@ export default Vue.extend({
 .mk-avatar
 	display inline-block
 	vertical-align bottom
+	flex-shrink 0
 
 	&:not(.cat)
 		overflow hidden
diff --git a/src/client/app/mobile/views/components/note-detail.vue b/src/client/app/mobile/views/components/note-detail.vue
index e14e1beff8..4b343491b8 100644
--- a/src/client/app/mobile/views/components/note-detail.vue
+++ b/src/client/app/mobile/views/components/note-detail.vue
@@ -215,11 +215,6 @@ export default Vue.extend({
 		@media (min-width 500px)
 			padding 28px 32px 18px 32px
 
-		&:after
-			content ""
-			display block
-			clear both
-
 		> header
 			display flex
 			line-height 1.1em
@@ -236,6 +231,7 @@ export default Vue.extend({
 					height 60px
 
 			> div
+				min-width 0
 
 				> .name
 					display inline-block