From 4a5bb290a7e6d53e6cafedb3cc374f4a91f664e2 Mon Sep 17 00:00:00 2001
From: Girish Ramakrishnan <girish@cloudron.io>
Date: Tue, 2 Aug 2016 09:36:26 -0700
Subject: [PATCH] make chat a separate section

---
 webadmin/src/views/support.html | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/webadmin/src/views/support.html b/webadmin/src/views/support.html
index ea011bccf..9c8504629 100644
--- a/webadmin/src/views/support.html
+++ b/webadmin/src/views/support.html
@@ -11,11 +11,25 @@
         <div class="grid-item-top">
             <div class="row animateMeOpacity">
                 <div class="col-lg-12">
-                    If you have any questions, please revise our <a href="{{ config.webServerOrigin }}/faq.html" target="_blank">Frequently Asked Questions</a>. We add more answers as we go, if you couldn't find your answers, just let us know using the forms below.<br/>
+                    <h3>Docs</h3>
+
+                    If you have any questions, please read our <a href="{{ config.webServerOrigin }}/faq.html" target="_blank">Frequently Asked Questions</a>.
                     <br/>
-                    For user manuals or developer related questions, please refer to our <a href="{{ config.webServerOrigin }}/documentation.html" target="_blank"> documentation</a>.<br/>
                     <br/>
-                    For direct contact with us, join our chat at <a href="https://chat.cloudron.io/" target="_blank">chat.cloudron.io</a>.
+                    For user manuals or developer related questions, please refer to our <a href="{{ config.webServerOrigin }}/documentation.html" target="_blank"> documentation</a>.
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <br/>
+
+    <div class="card card-large">
+        <div class="grid-item-top">
+            <div class="row animateMeOpacity">
+                <div class="col-lg-12">
+                    <h3>Chat</h3>
+                    Chat with us live at <a href="https://chat.cloudron.io/" target="_blank">chat.cloudron.io</a>.
                 </div>
             </div>
         </div>
@@ -28,8 +42,7 @@
             <div class="row animateMeOpacity">
                 <div class="col-lg-12">
                     <h3>Feedback</h3>
-                    We would love to hear any ideas or feature requests from your side.<br/>
-                    If you found any issue or bugs, let us know as well, we will resolve that for you as soon as possible.
+                    We would love to hear your feedback. Help us improve our product by reporting any bugs or feature requests.
                     <br/>
                     <br/>
                     <form name="feedbackForm" ng-submit="submitFeedback()">