From 86d554b1dc4f60ec2b3e8e1bcc262b6addeb66e8 Mon Sep 17 00:00:00 2001
From: Luke Barnard <luke@matrix.org>
Date: Fri, 16 Feb 2018 17:44:27 +0000
Subject: [PATCH] CSS for new global TagPanel filter

---
 .../structures/_TagPanel.scss                 | 29 +++++++++++++++++--
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss b/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss
index 31209bae..433e4008 100644
--- a/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss
+++ b/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss
@@ -25,13 +25,35 @@ limitations under the License.
     justify-content: space-between;
 }
 
+.mx_TagPanel .mx_TagPanel_logo {
+    width: 60px;
+    height: 60px;
+    padding: 5px 0px;
+}
+
+.mx_TagPanel .mx_TagPanel_logo.mx_AccessibleButton:focus {
+    filter: none;
+    background: rgba(255,255,255, 0.2);
+}
+
+.mx_TagPanel .mx_TagPanel_logo object {
+    pointer-events: none;
+}
+
+.mx_TagPanel .mx_TagPanel_divider {
+    height: 0px;
+    width: 42px;
+    border-bottom: 1px solid $panel-divider-color;
+}
+
+.mx_TagPanel .mx_TagPanel_scroller {
+    flex-grow: 1;
+}
+
 .mx_TagPanel .mx_TagPanel_tagTileContainer {
     display: flex;
     flex-direction: column;
     align-items: center;
-    padding-top: 65px;
-
-    flex-grow: 1;
 }
 
 .mx_TagPanel .mx_TagTile {
@@ -85,6 +107,7 @@ limitations under the License.
 .mx_TagPanel_createGroupButton {
     opacity: 0.5;
     margin-bottom: 17px;
+    margin-top: 18px;
     height: 25px;
 }