From 0ee93abf5a8b4130b4f02fed244772934c90440b Mon Sep 17 00:00:00 2001
From: Zambom <erikzambom@hotmail.com>
Date: Fri, 7 Apr 2017 20:12:48 -0300
Subject: [PATCH] Adjusting chat responsivity

---
 chat/templates/chat/_profile.html                  |  4 ++--
 chat/templates/chat/_view.html                     |  8 ++++----
 chat/templates/chat/_view_participant.html         |  8 ++++----
 chat/templates/chat/list.html                      |  6 +++---
 chat/templates/chat/list_participants.html         |  6 +++---
 chat/templates/chat/subject_view.html              |  7 ++++---
 chat/templates/chat/subject_view_participants.html | 11 ++++++-----
 subjects/templates/subjects/view.html              |  4 ++--
 8 files changed, 28 insertions(+), 26 deletions(-)

diff --git a/chat/templates/chat/_profile.html b/chat/templates/chat/_profile.html
index 93d086a..546cfe0 100644
--- a/chat/templates/chat/_profile.html
+++ b/chat/templates/chat/_profile.html
@@ -9,7 +9,7 @@
       	</div>
 		<div class="modal-body">
 			<div class="row">
-				<div class="col-md-4 modal_profile_sidebar">
+				<div class="col-md-4 col-sm-4 modal_profile_sidebar">
 					<span class="thumbnail">
 						<img src="{{ participant.image_url }}" />
 					</span>
@@ -19,7 +19,7 @@
 					</h4>
 					<a href="#" onclick="getModalInfo($(this), '{{ space }}', '{{ space_type }}'); return false;" data-url='{% url "chat:talk" participant.email %}' class="btn btn-raised btn-success btn-block" style="padding: 8px 15px">{% trans 'Send Message' %}</a>
 				</div>
-				<div class="col-md-8">
+				<div class="col-md-8 col-sm-8">
 					<div class="form-group">
 						<label class="control-form">{% trans 'System Admin' %}:</label>
 						<p class="profile_function modal_profile">{{ participant.is_admin }}</p>
diff --git a/chat/templates/chat/_view.html b/chat/templates/chat/_view.html
index ba47ddb..af7c98a 100644
--- a/chat/templates/chat/_view.html
+++ b/chat/templates/chat/_view.html
@@ -4,15 +4,15 @@
 
 {% is_online talking_to as status %}
 
-<div id="talk-chat-{{ talking_to.id }}" class="col-md-12 participant panel">
-    <div class="col-md-1 user-img">
+<div id="talk-chat-{{ talking_to.id }}" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 participant panel">
+    <div class="col-md-1 col-sm-1 col-xs-2 user-img">
         <img src="{{ talking_to.image_url }}" class="img-responsive" />
     </div>
-    <div class="col-md-6 user-info">
+    <div class="col-md-6 col-sm-6 col-xs-10 user-info">
         <h4 class='talking-header'><a class="user_{{ talking_to.id }}_status status {{ status }}" data-toggle="tooltip" title="{{ status|status_text }}"></a> {{ talking_to }} (<span class="chat_notify_list">{{ chat|notifies:request.user }}</span>)</h4>
         <p class="talk-last_msg">{% trans 'Last message in' %} {{ chat|last_message }}</p>
     </div>
-    <div class="col-md-4 buttons pull-right text-center">
+    <div class="col-md-4 col-sm-4 col-xs-12 buttons pull-right text-center">
         <a href="#" onclick="getModalInfo($(this), '{{ space }}', '{{ space_type }}'); return false;" data-url='{% url "chat:talk" talking_to.email %}' class="btn btn-raised btn-success pull-right">{% trans 'Access Talk' %}</a>
     </div>
 </div>
diff --git a/chat/templates/chat/_view_participant.html b/chat/templates/chat/_view_participant.html
index 4d65969..cc3603d 100644
--- a/chat/templates/chat/_view_participant.html
+++ b/chat/templates/chat/_view_participant.html
@@ -2,14 +2,14 @@
 
 {% is_online participant as status %}
 
-<div class="col-md-12 participant panel">
-    <div class="col-md-1 user-img">
+<div class="col-md-12 col-sm-12 participant panel">
+    <div class="col-md-1 col-sm-1 user-img">
         <img src="{{ participant.image_url }}" class="img-responsive" />
     </div>
-    <div class="col-md-6 user-info">
+    <div class="col-md-4 col-sm-4 user-info">
         <h4><a class="user_{{ participant.id }}_status status {{ status }}" data-toggle="tooltip" title="{{ status|status_text }}"></a> {{ participant }}</h4>
     </div>
-    <div class="col-md-4 buttons pull-right text-center">
+    <div class="col-md-6 col-sm-6 buttons pull-right text-center">
         <a href="#" onclick="getModalInfo($(this), '{{ space }}', '{{ space_type }}'); return false;" data-url='{% url "chat:profile" participant.email %}' class="btn btn-raised btn-default">{% trans 'See Profile' %}</a>
         <a href="#" onclick="getModalInfo($(this), '{{ space }}', '{{ space_type }}'); return false;" data-url='{% url "chat:talk" participant.email %}' class="btn btn-raised btn-success">{% trans 'Send Message' %}</a>
     </div>
diff --git a/chat/templates/chat/list.html b/chat/templates/chat/list.html
index 4f20b06..2c5f08d 100644
--- a/chat/templates/chat/list.html
+++ b/chat/templates/chat/list.html
@@ -17,10 +17,10 @@
             <div class="col-md-12 col-sm-12 col-xs-12">
         		<div class="panel panel-default">
         			<div class="panel-body">
-    	    			<div class="col-md-8">
+    	    			<div class="col-lg-8 col-md-8 col-sm-7 col-xs-12">
                             <form action="{% url 'chat:participants_general' %}" method="GET" class="form-horizontal">
                                 <div class="form-group">
-                                    <div class="col-md-11 col-sm-11 col-xs-11">
+                                    <div class="col-md-10 col-sm-9 col-xs-10">
                                         <input type="text" class="form-control" name="search" value="{{ search }}" placeholder="{% trans 'Search...' %}" />
                                     </div>
                                     <div class="col-md-1 col-sm-1 col-xs-1">
@@ -31,7 +31,7 @@
                                 </div>
                             </form>
                         </div>
-                        <div class="col-md-4">
+                        <div class="col-lg-4 col-md-4 col-sm-5 col-xs-12">
                             <a href="{% url 'chat:participants_general' %}" class="pull-right btn btn-default btn-raised btn-md">{% trans 'List all participants' %}</a>
                         </div>
     	    		</div>
diff --git a/chat/templates/chat/list_participants.html b/chat/templates/chat/list_participants.html
index 52c240f..edaaa40 100644
--- a/chat/templates/chat/list_participants.html
+++ b/chat/templates/chat/list_participants.html
@@ -19,10 +19,10 @@
             <div class="col-md-12 col-sm-12 col-xs-12">
         		<div class="panel panel-default">
         			<div class="panel-body">
-    	    			<div class="col-md-8">
+    	    			<div class="col-lg-8 col-md-8 col-sm-7 col-xs-12">
                             <form action="{% url 'chat:participants_general' %}" method="GET" class="form-horizontal">
                                 <div class="form-group">
-                                    <div class="col-md-11 col-sm-11 col-xs-11">
+                                    <div class="col-md-10 col-sm-9 col-xs-10">
                                         <input type="text" class="form-control" name="search" value="{{ search }}" placeholder="{% trans 'Search...' %}" />
                                     </div>
                                     <div class="col-md-1 col-sm-1 col-xs-1">
@@ -33,7 +33,7 @@
                                 </div>
                             </form>
                         </div>
-                        <div class="col-md-4">
+                        <div class="col-lg-4 col-md-4 col-sm-5 col-xs-12">
                             <a href="{% url 'chat:participants_general' %}" class="pull-right btn btn-default btn-raised btn-md">{% trans 'List all participants' %}</a>
                         </div>
     	    		</div>
diff --git a/chat/templates/chat/subject_view.html b/chat/templates/chat/subject_view.html
index eee223a..90b629f 100644
--- a/chat/templates/chat/subject_view.html
+++ b/chat/templates/chat/subject_view.html
@@ -49,10 +49,10 @@
         <div id="{{subject.slug}}" class="panel-collapse panel-body in collapse chat-collapse">
         	<div class="panel panel-default">
                 <div class="panel-body">
-                    <div class="col-md-8">
+                    <div class="col-lg-8 col-md-8 col-sm-7 col-xs-12">
                         <form action="{% url 'chat:participants_subject' subject.id %}" method="GET" class="form-horizontal">
                             <div class="form-group">
-                                <div class="col-md-11 col-sm-11 col-xs-11">
+                                <div class="col-md-10 col-sm-9 col-xs-10">
                                     <input type="text" class="form-control" name="search" value="{{ search }}" placeholder="{% trans 'Search...' %}" />
                                 </div>
                                 <div class="col-md-1 col-sm-1 col-xs-1">
@@ -63,7 +63,7 @@
                             </div>
                         </form>
                     </div>
-                    <div class="col-md-4">
+                    <div class="col-lg-4 col-md-4 col-sm-5 col-xs-12">
                         <a href="{% url 'chat:participants_subject' subject.id %}" class="pull-right btn btn-default btn-raised btn-md">{% trans 'List all participants' %}</a>
                     </div>
                 </div>
@@ -88,6 +88,7 @@
                 </div>
             {% endif %}
 		</div>
+    </div>
 
 	<div class="modal fade" id="chat-modal-info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"></div>
 
diff --git a/chat/templates/chat/subject_view_participants.html b/chat/templates/chat/subject_view_participants.html
index 3c5b478..28a7768 100644
--- a/chat/templates/chat/subject_view_participants.html
+++ b/chat/templates/chat/subject_view_participants.html
@@ -53,10 +53,10 @@
         <div id="{{subject.slug}}" class="panel-collapse panel-body in collapse chat-collapse">
         	<div class="panel panel-default">
                 <div class="panel-body">
-                    <div class="col-md-8">
-                        <form action="" method="GET" class="form-horizontal">
+                    <div class="col-lg-8 col-md-8 col-sm-7 col-xs-12">
+                        <form action="{% url 'chat:participants_subject' subject.id %}" method="GET" class="form-horizontal">
                             <div class="form-group">
-                                <div class="col-md-11 col-sm-11 col-xs-11">
+                                <div class="col-md-10 col-sm-9 col-xs-10">
                                     <input type="text" class="form-control" name="search" value="{{ search }}" placeholder="{% trans 'Search...' %}" />
                                 </div>
                                 <div class="col-md-1 col-sm-1 col-xs-1">
@@ -67,8 +67,8 @@
                             </div>
                         </form>
                     </div>
-                    <div class="col-md-4">
-                        <a href="" class="pull-right btn btn-default btn-raised btn-md">{% trans 'List all participants' %}</a>
+                    <div class="col-lg-4 col-md-4 col-sm-5 col-xs-12">
+                        <a href="{% url 'chat:participants_subject' subject.id %}" class="pull-right btn btn-default btn-raised btn-md">{% trans 'List all participants' %}</a>
                     </div>
                 </div>
             </div>
@@ -92,6 +92,7 @@
                 </div>
             {% endif %}
 		</div>
+    </div>
 
 	<div class="modal fade" id="chat-modal-info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"></div>
 
diff --git a/subjects/templates/subjects/view.html b/subjects/templates/subjects/view.html
index dc5c549..b6a1791 100644
--- a/subjects/templates/subjects/view.html
+++ b/subjects/templates/subjects/view.html
@@ -102,10 +102,10 @@
 
                                     <br clear="all" />
 
-                                    <div class="col-md-3 user-img">
+                                    <div class="col-md-3 col-sm-3 user-img">
                                         <img src="{{ participant.image_url }}" class="img-responsive" />
                                     </div>
-                                    <div class="col-md-9 user-info">
+                                    <div class="col-md-9 col-sm-9 user-info">
                                         <h4><a class="status {{ status }}" data-toggle="tooltip" title="{{ status|status_text }}"></a> {{ participant }}</h4>
                                     </div>
                                 </div>
--
libgit2 0.21.2