From 4a32c3dd6e90780e43f756c8754dee9c7764c610 Mon Sep 17 00:00:00 2001
From: tamaina <tamaina@hotmail.co.jp>
Date: Fri, 10 Feb 2017 21:50:56 +0900
Subject: [PATCH] =?UTF-8?q?=E3=83=9B=E3=83=BC=E3=83=A0=E3=82=92=E8=89=AF?=
 =?UTF-8?q?=E3=81=8F=E3=81=99=E3=82=8B=E3=83=97=E3=83=AD=E3=82=B8=E3=82=A7?=
 =?UTF-8?q?=E3=82=AF=E3=83=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/web/app/base.styl                         |  1 +
 src/web/app/mobile/tags/timeline-post-sub.tag | 14 ++++++++------
 src/web/app/mobile/tags/timeline-post.tag     | 16 +++++++++-------
 3 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/src/web/app/base.styl b/src/web/app/base.styl
index 0e5eeba971..f41c08898d 100644
--- a/src/web/app/base.styl
+++ b/src/web/app/base.styl
@@ -19,6 +19,7 @@ html, body
 	margin 0
 	padding 0
 	scroll-behavior smooth
+	overflow-x hidden
 	text-size-adjust 100%
 	font-family sans-serif
 
diff --git a/src/web/app/mobile/tags/timeline-post-sub.tag b/src/web/app/mobile/tags/timeline-post-sub.tag
index 563f896b7b..bc1bc0dc91 100644
--- a/src/web/app/mobile/tags/timeline-post-sub.tag
+++ b/src/web/app/mobile/tags/timeline-post-sub.tag
@@ -55,31 +55,33 @@
 						width calc(100% - 68px)
 
 					> header
+					    display flex
+						flex-wrap wrap
 						margin-bottom 4px
 						white-space nowrap
 
 						> .name
-							display inline
-							margin 0
+							display block
+							margin 0 0.5em 0 0
 							padding 0
+							overflow hidden
 							color #607073
 							font-size 1em
 							font-weight 700
 							text-align left
 							text-decoration none
+							text-overflow ellipsis
 
 							&:hover
 								text-decoration underline
 
 						> .username
 							text-align left
-							margin 0 0 0 8px
+							margin 0
 							color #d1d8da
 
 						> .created-at
-							position absolute
-							top 0
-							right 0
+							margin-left auto
 							color #b2b8bb
 
 					> .body
diff --git a/src/web/app/mobile/tags/timeline-post.tag b/src/web/app/mobile/tags/timeline-post.tag
index 7370c9d03a..72e56423d3 100644
--- a/src/web/app/mobile/tags/timeline-post.tag
+++ b/src/web/app/mobile/tags/timeline-post.tag
@@ -145,27 +145,31 @@
 						width calc(100% - 74px)
 
 					> header
+						display flex
+						flex-wrap wrap
 						white-space nowrap
 
 						@media (min-width 500px)
 							margin-bottom 2px
 
 						> .name
-							display inline
-							margin 0
+							display block
+							margin 0 0.5em 0 0
 							padding 0
+							overflow hidden
 							color #777
 							font-size 1em
 							font-weight 700
 							text-align left
 							text-decoration none
+							text-overflow ellipsis
 
 							&:hover
 								text-decoration underline
 
 						> .is-bot
 							text-align left
-							margin 0 0 0 8px
+							margin 0 0.5em 0 0
 							padding 1px 6px
 							font-size 12px
 							color #aaa
@@ -174,13 +178,11 @@
 
 						> .username
 							text-align left
-							margin 0 0 0 8px
+							margin 0
 							color #ccc
 
 						> .created-at
-							position absolute
-							top 0
-							right 0
+							margin-left auto
 							font-size 0.9em
 							color #c0c0c0