CSS: Tweak box shadows and radiuses

converse.css

@@ -470,8 +470,8 @@ span.spinner.hor_centered {
 #conversejs #toggle-controlbox {
     float: right;
     font-size: 85%;
-    border-top-right-radius: 4px;
-    border-top-left-radius: 4px;
+    border-top-right-radius: 5px;
+    border-top-left-radius: 5px;
     background-color: rgba(83, 144, 200, 100);
     padding: 4px 8px;
     margin-right: 15px;
@@ -487,8 +487,8 @@ span.spinner.hor_centered {
     color: #ffffff;
     margin: 0;
     font-size: 100%;
-    border-top-right-radius: 4px;
-    border-top-left-radius: 4px;
+    border-top-right-radius: 5px;
+    border-top-left-radius: 5px;
     padding: 3px 0 0 3px;
 }
 
@@ -503,8 +503,8 @@ span.spinner.hor_centered {
 
 #conversejs .chat-body {
     background-color: white;
-    border-bottom-right-radius: 4px;
-    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 5px;
+    border-bottom-left-radius: 5px;
     border-top: 0;
 }
 
@@ -1413,12 +1413,11 @@ input.custom-xmpp-status {
 }
 
 #conversejs .box-flyout {
-    background: white;
     position: absolute;
     display: block;
     bottom: 1px;
-    box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.4);
-    border-radius: 4px;
+    box-shadow: 1px 3px 5px 3px rgba(0,0,0,0.4);
+    border-radius: 5px;
     height: 324px;
 }