change badge look & feel; change status bar sizing

src/skins/vector/css/matrix-react-sdk/structures/RoomStatusBar.css

@@ -1,7 +1,7 @@
 .mx_RoomStatusBar {
-    margin-top: 5px;
+    margin-top: 12px;
     margin-left: 65px;
-    min-height: 24px;
+    min-height: 37px;
 }
 
 /* position the indicator in the same place horizontally as .mx_EventTile_avatar. */
@@ -99,7 +99,7 @@
 .mx_RoomStatusBar_tabCompleteWrapper {
     display: flex;
     display: -webkit-flex;
-    height: 24px;
+    height: 26px;
 }
 
 .mx_RoomStatusBar_tabCompleteWrapper .mx_TabCompleteBar {

src/skins/vector/css/matrix-react-sdk/structures/RoomView.css

@@ -207,10 +207,11 @@ hr.mx_RoomView_myReadMarker {
 .mx_RoomView_statusAreaBox {
     max-width: 960px;
     margin: auto;
-    min-height: 36px;
+    min-height: 49px;
 }
 
 .mx_RoomView_statusAreaBox_line {
+    margin-left: 65px;
     border-top: 1px solid #eee;
     height: 1px;
 }

src/skins/vector/css/matrix-react-sdk/structures/UploadBar.css

@@ -3,14 +3,15 @@
 }
 
 .mx_UploadBar_uploadProgressOuter {
-    height: 4px;
+    height: 5px;
     margin-left: 63px;
     margin-top: -1px;
+    padding-bottom: 5px;
 }
 
 .mx_UploadBar_uploadProgressInner {
     background-color: #76cfa6;
-    height: 4px;
+    height: 5px;
 }
 
 .mx_UploadBar_uploadFilename {
@@ -22,7 +23,7 @@
 
 .mx_UploadBar_uploadIcon {
     float: left;
-    margin-top: 1px;
+    margin-top: 5px;
     margin-left: 14px;
 }
 

src/skins/vector/css/matrix-react-sdk/views/rooms/MessageComposer.css

@@ -18,7 +18,7 @@ limitations under the License.
     max-width: 960px;
     vertical-align: middle;
     margin: auto;
-    border-top: 2px solid #e1dddd;
+    border-top: 1px solid #e5e5e5;
 }
 
 .mx_MessageComposer_row {

src/skins/vector/css/matrix-react-sdk/views/rooms/RoomTile.css

@@ -26,7 +26,7 @@ limitations under the License.
     padding-right: 8px;
     padding-top: 6px;
     padding-bottom: 6px;
-    padding-left: 18px;
+    padding-left: 20px;
     width: 24px;
     height: 24px;
     position: relative;
@@ -98,11 +98,13 @@ limitations under the License.
 
 .mx_RoomTile_badge {
     background-color: #ff0064;
-    width: 4px;
+    width: 8px;
+    height: 8px;
     position: absolute;
-    left: 0px;
-    top: 5px;
-    bottom: 5px;
+    left: 7px;
+    top: 50%;
+    margin-top: -4px;
+    border-radius: 4px;
 }
 
 .mx_RoomTile_unreadNotify .mx_RoomTile_badge {

src/skins/vector/css/matrix-react-sdk/views/rooms/TabCompleteBar.css

@@ -37,6 +37,7 @@ limitations under the License.
 
 .mx_TabCompleteBar_command .mx_TabCompleteBar_text {
     opacity: 1.0;
+    vertical-align: middle;
     color: #fff;
 }