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] =?UTF-8?q?=E6=8A=95=E7=A8=BF=E8=A9=B3=E7=B4=B0=E7=94=BB?=
 =?UTF-8?q?=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 3d646c1c0..61023ce96 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