Fix CSS for the minimized chats toggle.

css/converse.css

@@ -1253,25 +1253,26 @@
   #conversejs .flyout {
     border-radius: 4px;
     bottom: 6px;
-    box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4);
     display: block;
-    position: absolute;
+    position: absolute; }
+  #conversejs .box-flyout {
+    box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4);
+    height: 400px;
     min-width: 200px;
     min-height: 200px; }
-  #conversejs .box-flyout {
-    height: 400px; }
     @media screen and (max-width: 480px) {
       #conversejs .box-flyout {
         height: 400px; } }
   #conversejs .minimized-chats-flyout {
     height: auto;
-    width: 130px; }
+    width: 130px;
+    bottom: 35px; }
     #conversejs .minimized-chats-flyout .chat-head-chatroom,
     #conversejs .minimized-chats-flyout .chat-head {
       border-radius: 4px;
       width: 130px;
       height: 35px;
-      margin-bottom: 1px; }
+      margin-bottom: 0.2em; }
     #conversejs .minimized-chats-flyout.minimized {
       height: auto; }
   #conversejs .dragresize {

sass/_core.scss

@@ -1507,15 +1507,15 @@
   .flyout {
     border-radius: $chatbox-border-radius;
     bottom: $chatbox-hover-height;
-    box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4);
     display: block;
     position: absolute;
-    min-width: $chat-width;
-    min-height: $chat-height/2;
   }
 
   .box-flyout {
+    box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4);
     height: $chat-height;
+    min-width: $chat-width;
+    min-height: $chat-height/2;
     @media screen and (max-width: $mobile-landscape-length) {
       height: $mobile-chat-height;
     }
@@ -1523,13 +1523,14 @@
 
   .minimized-chats-flyout {
     height: auto;
-    width: $minimized-chats-width;;
+    width: $minimized-chats-width;
+    bottom: $bottom-gutter-height;
     .chat-head-chatroom,
     .chat-head {
       border-radius: $chatbox-border-radius;
       width: $minimized-chats-width;
       height: 35px;
-      margin-bottom: 1px;
+      margin-bottom: 0.2em;
     }
     &.minimized {
       height: auto;

src/templates/chats_panel.html

@@ -1,4 +1,4 @@
 <div id="minimized-chats">
     <a id="toggle-minimized-chats" href="#"></a>
-    <div class="minimized-chats-flyout"></div>
+    <div class="flyout minimized-chats-flyout"></div>
 </div>