From 8b6cf1fc4127093a64e88a56d6f1203b380a3bbc Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Thu, 14 Apr 2016 19:11:58 +0100
Subject: [PATCH] change badge look & feel; change status bar sizing

---
 .../matrix-react-sdk/structures/RoomStatusBar.css    |  6 +++---
 .../css/matrix-react-sdk/structures/RoomView.css     |  3 ++-
 .../css/matrix-react-sdk/structures/UploadBar.css    |  7 ++++---
 .../matrix-react-sdk/views/rooms/MessageComposer.css |  2 +-
 .../css/matrix-react-sdk/views/rooms/RoomTile.css    | 12 +++++++-----
 .../matrix-react-sdk/views/rooms/TabCompleteBar.css  |  1 +
 6 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/src/skins/vector/css/matrix-react-sdk/structures/RoomStatusBar.css b/src/skins/vector/css/matrix-react-sdk/structures/RoomStatusBar.css
index 0f6955ce..45d16426 100644
--- a/src/skins/vector/css/matrix-react-sdk/structures/RoomStatusBar.css
+++ b/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 {
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/RoomView.css b/src/skins/vector/css/matrix-react-sdk/structures/RoomView.css
index 4c014461..6656767d 100644
--- a/src/skins/vector/css/matrix-react-sdk/structures/RoomView.css
+++ b/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;
 }
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/UploadBar.css b/src/skins/vector/css/matrix-react-sdk/structures/UploadBar.css
index 5a22e91c..1a7ce47e 100644
--- a/src/skins/vector/css/matrix-react-sdk/structures/UploadBar.css
+++ b/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;
 }
 
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/MessageComposer.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/MessageComposer.css
index 9ed5f1cb..6299a0f6 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/MessageComposer.css
+++ b/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 {
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/RoomTile.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/RoomTile.css
index d62c5d17..e1e8b312 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/RoomTile.css
+++ b/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 {
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/TabCompleteBar.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/TabCompleteBar.css
index e0d0965e..84ca3684 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/TabCompleteBar.css
+++ b/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;
 }