[ticket/11552] Responsive user profile

PHPBB3-11552

phpBB/styles/prosilver/template/memberlist_view.html

@@ -14,7 +14,7 @@
 		</dl>
 	<!-- ENDIF -->
 
-	<dl class="left-box details" style="width: 80%;">
+	<dl class="left-box details profile-details">
 		<dt>{L_USERNAME}{L_COLON}</dt>
 		<dd>
 			<!-- IF USER_COLOR --><span style="color: {USER_COLOR}; font-weight: bold;"><!-- ELSE --><span><!-- ENDIF -->{USERNAME}</span>

phpBB/styles/prosilver/theme/common.css

@@ -558,6 +558,10 @@ table.info tbody th {
 	text-align: left;
 }
 
+.left-box.profile-details {
+	width: 80%;
+}
+
 .right-box {
 	float: right;
 	width: auto;

phpBB/styles/prosilver/theme/responsive.css

@@ -347,6 +347,26 @@ textarea, dd textarea, #message-box textarea {
 	display: inline-block !important;
 }
 
+/* User profile
+----------------------------------------*/
+.column1, .column2, .left-box.profile-details {
+	float: none;
+	width: auto;
+}
+
+@media only screen and (max-width: 500px), only screen and (max-device-width: 500px)
+{
+	dl.details dt, dl.details dd {
+		width: auto;
+		float: none;
+		text-align: left;	
+	}
+
+	dl.details dd {
+		margin-left: 20px;
+	}
+}
+
 /* Misc stuff
 ----------------------------------------*/
 h2 {
@@ -389,6 +409,10 @@ p.rightside {
 		text-align: center;
 	}
 
+	.topic-actions > .pagination {
+		padding-bottom: 1px;
+	}
+
 	.topic-actions > div.search-box, p.jumpbox-return {
 		display: none;
 	}