From 8aa1a7fcf016e09ac4b3add0773eaac3c13415d5 Mon Sep 17 00:00:00 2001
From: Julian Lam <julian@designcreateplay.com>
Date: Tue, 23 Feb 2016 11:20:36 -0500
Subject: [PATCH] fixed issues with chat modal on xs and sm

---
 less/mobile.less   | 22 +++++++++++++++++++++-
 less/style.less    | 18 ------------------
 templates/chat.tpl |  2 +-
 3 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/less/mobile.less b/less/mobile.less
index da2838c..1b769ca 100644
--- a/less/mobile.less
+++ b/less/mobile.less
@@ -12,7 +12,27 @@
 	display: none;
 }
 
-@media (max-width: 980px) {
+@media (max-width: @screen-sm-max) {
+	.chat-modal {
+		width: 100%;
+		height: 100%;
+		top: 0px !important;
+		left: 0px !important;
+
+		.modal-dialog {
+			margin: 0;
+			height: 100%;
+			width: 100%;
+
+			.modal-content {
+				height: 100%;
+			}
+		}
+
+	}
+}
+
+@media (max-width: @screen-md-max) {
 	body {
 		padding-top: 0;
 		padding-bottom: 0;
diff --git a/less/style.less b/less/style.less
index 416f459..751f35d 100644
--- a/less/style.less
+++ b/less/style.less
@@ -170,24 +170,6 @@ a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus {
 	z-index: 100001;
 }
 
-@media (max-width: 760px) {
-	.chat-modal {
-		width: 100%;
-		height: 100%;
-		top: 0px !important;
-		left: 0px !important;
-
-		.modal-dialog {
-			margin: 0;
-			height: 100%;
-			.modal-content {
-				height: 100%;
-			}
-		}
-
-	}
-}
-
 .maintenance {
 	.well {
 		white-space: pre-line;
diff --git a/templates/chat.tpl b/templates/chat.tpl
index 87794e7..14cda4d 100644
--- a/templates/chat.tpl
+++ b/templates/chat.tpl
@@ -5,7 +5,7 @@
 
 			<div class="modal-header">
 				<button id="chat-close-btn" type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-				<button type="button" class="close" data-action="maximize"><span aria-hidden="true"><i class="fa fa-expand"></i></span><span class="sr-only">[[modules:chat.maximize]]</span></button>
+				<button type="button" class="close hidden-xs hidden-sm" data-action="maximize"><span aria-hidden="true"><i class="fa fa-expand"></i></span><span class="sr-only">[[modules:chat.maximize]]</span></button>
 
 				<!-- IF showUserInput -->
 				<div class="users-tag-container inline-block">