From 8c5101a7297ebec1c9cc3ca849f604e5b39ccd9b Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Mon, 21 Oct 2013 13:25:27 +0300
Subject: [PATCH] [ticket/11956] Responsive AJAX alerts

PHPBB3-11956
---
 phpBB/styles/prosilver/theme/common.css     | 13 +++++++++++--
 phpBB/styles/prosilver/theme/responsive.css |  5 +++++
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css
index 2c61ecfdea..19077bbc86 100644
--- a/phpBB/styles/prosilver/theme/common.css
+++ b/phpBB/styles/prosilver/theme/common.css
@@ -670,13 +670,22 @@ li.pagination ul {
 	position: fixed;
 	display: none;
 	top: 150px;
-	left: 25%;
-	width: 50%;
+	left: 0;
+	right: 0;
+	max-width: 640px;
+	margin: 0 auto;
 	z-index: 50;
 	padding: 25px;
 	padding: 0 25px 20px 25px;
 }
 
+@media only screen and (max-height: 500px), only screen and (max-device-width: 500px)
+{
+	.phpbb_alert {
+		top: 25px;
+	}
+}
+
 .phpbb_alert .alert_close {
 	display: block;
 	float: right;
diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css
index a9d7b1abc7..c15d9bee4e 100644
--- a/phpBB/styles/prosilver/theme/responsive.css
+++ b/phpBB/styles/prosilver/theme/responsive.css
@@ -482,6 +482,11 @@ fieldset.display-actions {
 	white-space: normal;
 }
 
+.phpbb_alert {
+	max-width: none;
+	margin: 0 25px;
+}
+
 @media only screen and (max-width: 500px), only screen and (max-device-width: 500px)
 {
 	p.responsive-center {