From 74eb7012a3f043187b7c5c2c396218388f729e00 Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Sat, 19 Oct 2013 12:39:13 +0300
Subject: [PATCH] [ticket/11552] Responsive user profile

PHPBB3-11552
---
 .../prosilver/template/memberlist_view.html   |  2 +-
 phpBB/styles/prosilver/theme/common.css       |  4 ++++
 phpBB/styles/prosilver/theme/responsive.css   | 24 +++++++++++++++++++
 3 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/phpBB/styles/prosilver/template/memberlist_view.html b/phpBB/styles/prosilver/template/memberlist_view.html
index 0d103b5914..7c6aec7699 100644
--- a/phpBB/styles/prosilver/template/memberlist_view.html
+++ b/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>
diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css
index 2ac4e4467a..1b4c41afd0 100644
--- a/phpBB/styles/prosilver/theme/common.css
+++ b/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;
diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css
index 4134b2eb95..a119c707b6 100644
--- a/phpBB/styles/prosilver/theme/responsive.css
+++ b/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;
 	}