{ p.user.name }@{ p.user.username }
@@ -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.1
- @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
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