Fixed Chat Footer Margin

frappe/public/css/chat.css

@@ -350,9 +350,6 @@ a.no-decoration:active {
 .frappe-chat .panel .chat-form .hint-list.list-group .hint-list-item.list-group-item:last-child a {
   text-decoration: none;
 }
-.chat-list {
-  padding-bottom: 3px;
-}
 .frappe-chat-popper-collapse > .panel > .panel-heading {
   padding: 5px 10px;
 }
@@ -372,6 +369,7 @@ a.no-decoration:active {
 }
 .chat-room-footer .chat-form .input-group-btn .btn {
   background: white;
+  border-radius: 0px;
 }
 .chat-room-footer .chat-form .form-control {
   line-height: 27px;
@@ -383,7 +381,7 @@ a.no-decoration:active {
 }
 .chat-room-footer .chat-form .fa {
   font-size: 14px;
-  transition: color 1s;
+  transition: color 0.5s;
 }
 .chat-list {
   padding-bottom: 50px;

frappe/public/js/frappe/chat.js

@@ -1873,7 +1873,7 @@ class extends Component
         return (
             h("div", { class: `frappe-chat-action-bar ${props.class ? props.class : ""}` },
                 h("form", { oninput: this.change, onsubmit: this.submit },
-                    h("input", { class: "form-control input-sm", name: "query", value: state.query, placeholder: props.placeholder || "Search" }),
+                    h("input", { autocomplete: "off", class: "form-control input-sm", name: "query", value: state.query, placeholder: props.placeholder || "Search" }),
                 ),
                 !frappe._.is_empty(actions) ?
                     actions.map(action => h(frappe.Chat.Widget.ActionBar.Action, { ...action })) : null

frappe/public/less/chat.less

@@ -171,12 +171,6 @@
     }
 }
 
-// hacks
-.chat-list
-{
-    padding-bottom: 3px;
-}
-
 @frappe-chat-color-grey:                        #8D99A6;
 
 @frappe-chat-base-font-size:                    12px;
@@ -250,7 +244,8 @@
         {
             .btn
             {
-                background: white;
+                   background: white;
+                border-radius: 0px;
             }
         }
     
@@ -267,7 +262,7 @@
         .fa
         {
              font-size: @frappe-chat-base-font-size-lg;
-            transition: color 1s; // Change, with grace. :)
+            transition: color 0.5s; // Change, with grace. :)
         }
     }
 }
@@ -276,7 +271,7 @@
 .chat-list
 {
     padding-bottom: 50px;
-    height: 100%;
+        height: 100%; 
     background: @frappe-chat-list-bg-color;
     overflow-y: scroll;