From 7e4c104a56a3bed5f288892ea3188cda730ec4da Mon Sep 17 00:00:00 2001
From: cuom1999 <lephuocdinh99@gmail.com>
Date: Mon, 8 Jun 2020 17:08:24 -0500
Subject: [PATCH] fix mobile chatbox view

---
 resources/chatbox.scss   | 13 ++++++-------
 templates/chat/chat.html |  7 ++++++-
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/resources/chatbox.scss b/resources/chatbox.scss
index bf7ea48..2b6de7f 100644
--- a/resources/chatbox.scss
+++ b/resources/chatbox.scss
@@ -1,3 +1,4 @@
+
 #loader {
     display: block;
     margin-left: auto;
@@ -58,8 +59,8 @@
 
 #chat-area {
     height: 85vh;
-    display: flex !important;
-    flex-direction: column;
+    /*display: flex;*/
+    /*flex-direction: column;*/
 }
 #chat-online {
     border: 1px solid #ccc;
@@ -92,8 +93,7 @@
     font-family: "Segoe UI", "Lucida Grande", Arial, sans-serif;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
-    height: -webkit-fill-available;
-    max-height: 8em;
+    height: 15%;
 }
 
 #chat-online-content {
@@ -107,7 +107,7 @@
     background-color: #39ff14;
     border-radius: 50%;
     display: inline-block;
-    margin-bottom: -0.1em;
+    margin-bottom: -0.2em;
     border: 1px lightgreen solid;   
 }
 
@@ -133,5 +133,4 @@
     #content {
         margin-top: -0.5em;
     }
-}
-
+}
\ No newline at end of file
diff --git a/templates/chat/chat.html b/templates/chat/chat.html
index 72d455d..26fb1da 100644
--- a/templates/chat/chat.html
+++ b/templates/chat/chat.html
@@ -212,7 +212,12 @@
 </script>
 
 {% endblock js_media %}
-
+<!-- 
+{% block media %}
+<style>
+</style>
+{% endblock media %}
+ -->
 {% block body %}
     {% csrf_token %}
     {% block before_posts %}{% endblock %}