From 804808feb1cc6e9e692d73fe30e94d8f8310569c Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Fri, 6 Jan 2017 02:04:00 +0900
Subject: [PATCH] Mobile: Fix design glitch :art:

---
 src/web/app/mobile/tags/user-preview.tag | 49 +++++++++---------------
 1 file changed, 19 insertions(+), 30 deletions(-)

diff --git a/src/web/app/mobile/tags/user-preview.tag b/src/web/app/mobile/tags/user-preview.tag
index 4f5fbc152..56bd93825 100644
--- a/src/web/app/mobile/tags/user-preview.tag
+++ b/src/web/app/mobile/tags/user-preview.tag
@@ -3,11 +3,10 @@ mk-user-preview
 		img.avatar(src={ user.avatar_url + '?thumbnail&size=64' }, alt='avatar')
 	div.main
 		header
-			div.left
-				a.name(href={ CONFIG.url + '/' + user.username })
-					| { user.name }
-				span.username
-					| @{ user.username }
+			a.name(href={ CONFIG.url + '/' + user.username })
+				| { user.name }
+			span.username
+				| @{ user.username }
 		div.body
 			div.bio { user.bio }
 
@@ -57,36 +56,26 @@ style.
 			width calc(100% - 74px)
 
 		> header
-			white-space nowrap
-
 			@media (min-width 500px)
 				margin-bottom 2px
 
-			&:after
-				content ""
-				display block
-				clear both
+			> .name
+				display inline
+				margin 0
+				padding 0
+				color #777
+				font-size 1em
+				font-weight 700
+				text-align left
+				text-decoration none
 
-			> .left
-				float left
+				&:hover
+					text-decoration underline
 
-				> .name
-					display inline
-					margin 0
-					padding 0
-					color #777
-					font-size 1em
-					font-weight 700
-					text-align left
-					text-decoration none
-
-					&:hover
-						text-decoration underline
-
-				> .username
-					text-align left
-					margin 0 0 0 8px
-					color #ccc
+			> .username
+				text-align left
+				margin 0 0 0 8px
+				color #ccc
 
 		> .body