Mobile: Fix design glitch 🎨

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 })
-				a.name(href={ CONFIG.url + '/' + user.username })
+				| { user.name }
-					| { user.name }
+			span.username
-				span.username
+				| @{ user.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
+			> .name
-				content ""
+				display inline
-				display block
+				margin 0
-				clear both
+				padding 0
+				color #777
+				font-size 1em
+				font-weight 700
+				text-align left
+				text-decoration none
 
-			> .left
+				&:hover
-				float left
+					text-decoration underline
 
-				> .name
+			> .username
-					display inline
+				text-align left
-					margin 0
+				margin 0 0 0 8px
-					padding 0
+				color #ccc
-					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
 
 		> .body