From 91918c8fdd40110b80b1e177d04fdd0899a1bbad Mon Sep 17 00:00:00 2001
From: Marcel Werk <burntime@woltlab.com>
Date: Mon, 8 Aug 2016 14:07:15 +0200
Subject: [PATCH] Mobile optimization for user profile header

---
 .../install/files/style/ui/userProfile.scss   | 41 +++++++++++++++++++
 1 file changed, 41 insertions(+)

diff --git a/wcfsetup/install/files/style/ui/userProfile.scss b/wcfsetup/install/files/style/ui/userProfile.scss
index 28c8d5169a..30c1c31ec4 100644
--- a/wcfsetup/install/files/style/ui/userProfile.scss
+++ b/wcfsetup/install/files/style/ui/userProfile.scss
@@ -6,6 +6,47 @@
 	.contentDescription {
 		margin-top: 20px;
 	}
+	
+	@include screen-md-down {
+		display: flex;
+		flex-wrap: wrap;
+		
+		.contentHeaderIcon {
+			display: block;
+			flex: 0 0 48px;
+			margin-right: 10px;
+			
+			img {
+				width: 48px !important;
+				height: 48px !important;
+			}
+		}
+		
+		.contentHeaderTitle {
+			flex: 0 0 calc(100% - 58px);
+			max-width: calc(100% - 58px);
+		}
+		
+		.contentHeaderNavigation {
+			flex: 0 0 100%;
+			
+			.userProfileButtonContainer {
+				display: flex;
+				
+				> li {
+					flex: 1 1 auto;
+					margin-top: 0 !important;
+				}
+			}
+		}
+	}
+	
+	@include screen-md-up {
+		.contentHeaderIcon {
+			flex: 0 0 128px;
+			margin-right: 20px;
+		}
+	}
 }
 
 .userAvatarImage {
-- 
2.20.1