From a28b3a46f7da954779e18ea9f213796e98be1407 Mon Sep 17 00:00:00 2001
From: tamaina <tamaina@hotmail.co.jp>
Date: Fri, 10 Feb 2017 23:07:17 +0900
Subject: [PATCH 1/3] =?UTF-8?q?=E6=8A=95=E7=A8=BF=E8=A9=B3=E7=B4=B0:?=
 =?UTF-8?q?=E6=9C=AC=E6=96=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/web/app/mobile/tags/post-detail.tag | 80 ++++++++++++-------------
 1 file changed, 38 insertions(+), 42 deletions(-)

diff --git a/src/web/app/mobile/tags/post-detail.tag b/src/web/app/mobile/tags/post-detail.tag
index 37e65884bc..361eb6b030 100644
--- a/src/web/app/mobile/tags/post-detail.tag
+++ b/src/web/app/mobile/tags/post-detail.tag
@@ -15,8 +15,8 @@
 		<div class="repost" if={ isRepost }>
 			<p><a class="avatar-anchor" href={ CONFIG.url + '/' + post.user.username }><img class="avatar" src={ post.user.avatar_url + '?thumbnail&size=32' } alt="avatar"/></a><i class="fa fa-retweet"></i><a class="name" href={ CONFIG.url + '/' + post.user.username }>{ post.user.name }</a>がRepost</p>
 		</div>
-		<article><a class="avatar-anchor" href={ CONFIG.url + '/' + p.user.username }><img class="avatar" src={ p.user.avatar_url + '?thumbnail&size=64' } alt="avatar"/></a>
-			<header><a class="name" href={ CONFIG.url + '/' + p.user.username }>{ p.user.name }</a><span class="username">@{ p.user.username }</span></header>
+		<article>
+			<header><a class="avatar-anchor" href={ CONFIG.url + '/' + p.user.username }><img class="avatar" src={ p.user.avatar_url + '?thumbnail&size=64' } alt="avatar"/></a><div><a class="name" href={ CONFIG.url + '/' + p.user.username }>{ p.user.name }</a><span class="username">@{ p.user.username }</span></div></header>
 			<div class="body">
 				<div class="text" ref="text"></div>
 				<div class="media" if={ p.media }>
@@ -148,49 +148,45 @@
 						> .main > footer > button
 							color #888
 
-					> .avatar-anchor
-						display block
-
-						> .avatar
-							display block
-							width 54px
-							height 54px
-							margin 0
-							border-radius 8px
-							vertical-align bottom
-
-							@media (min-width 500px)
-								width 60px
-								height 60px
-
 					> header
-						position absolute
-						top 18px
-						left 80px
-						width calc(100% - 80px)
+						display flex
+						line-height 1.1em
 
-						@media (min-width 500px)
-							top 28px
-							left 108px
-							width calc(100% - 108px)
-
-						> .name
-							display inline-block
-							margin 0
-							color #777
-							font-size 16px
-							font-weight bold
-							text-align left
-							text-decoration none
-
-							&:hover
-								text-decoration underline
-
-						> .username
+						> .avatar-anchor
 							display block
-							text-align left
-							margin 0
-							color #ccc
+							padding 0 .5em 0 0
+
+							> .avatar
+								display block
+								width 54px
+								height 54px
+								margin 0
+								border-radius 8px
+								vertical-align bottom
+
+								@media (min-width 500px)
+									width 60px
+									height 60px
+
+						> div
+
+							> .name
+								display inline-block
+								margin .4em 0
+								color #777
+								font-size 16px
+								font-weight bold
+								text-align left
+								text-decoration none
+
+								&:hover
+									text-decoration underline
+
+							> .username
+								display block
+								text-align left
+								margin 0
+								color #ccc
 
 					> .body
 						padding 8px 0

From 3ecf7a199bcd7221639e64349f03e8138af858aa Mon Sep 17 00:00:00 2001
From: tamaina <tamaina@hotmail.co.jp>
Date: Fri, 10 Feb 2017 23:24:30 +0900
Subject: [PATCH 2/3] =?UTF-8?q?=E6=8A=95=E7=A8=BF=E8=A9=B3=E7=B4=B0?=
 =?UTF-8?q?=E7=94=BB=E9=9D=A2:=E3=83=AA=E3=83=97=E3=83=A9=E3=82=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/web/app/mobile/tags/post-preview.tag | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/web/app/mobile/tags/post-preview.tag b/src/web/app/mobile/tags/post-preview.tag
index 3d646c1c0a..61023ce96d 100644
--- a/src/web/app/mobile/tags/post-preview.tag
+++ b/src/web/app/mobile/tags/post-preview.tag
@@ -17,6 +17,10 @@
 			background #fff
 
 			> article
+				padding 8px 16px 8px 16px
+				
+				@media (min-width 500px)
+					padding 8px 32px 8px 32px
 
 				&:after
 					content ""
@@ -45,31 +49,32 @@
 					width calc(100% - 60px)
 
 					> header
+						display flex
 						margin-bottom 4px
 						white-space nowrap
 
 						> .name
-							display inline
-							margin 0
+							display block
+							margin 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 .5em 0 0
 							color #d1d8da
 
 						> .time
-							position absolute
-							top 0
-							right 0
+							margin-left auto
 							color #b2b8bb
 
 					> .body

From 418485ee0328a7c61873601d2c8911fb1096e963 Mon Sep 17 00:00:00 2001
From: tamaina <tamaina@hotmail.co.jp>
Date: Fri, 10 Feb 2017 23:35:46 +0900
Subject: [PATCH 3/3] Update post-detail.tag

---
 src/web/app/mobile/tags/post-detail.tag | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/web/app/mobile/tags/post-detail.tag b/src/web/app/mobile/tags/post-detail.tag
index 361eb6b030..d77da39819 100644
--- a/src/web/app/mobile/tags/post-detail.tag
+++ b/src/web/app/mobile/tags/post-detail.tag
@@ -150,7 +150,7 @@
 
 					> header
 						display flex
-						line-height 1.1em
+						line-height 1.1
 
 						> .avatar-anchor
 							display block