Merge pull request #6216 from vector-im/luke/feature-tag-panel-global…

…-filter-cross CSS for changing "R" to "X" for clearing group filter
element-hq · Feb 21, 2018 · d806707 · d806707
2 parents bc5129f + 15d8878
commit d806707
Showing 1 changed file with 11 additions and 5 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
@@ -25,18 +25,24 @@ limitations under the License.
     justify-content: space-between;
 }
 
-.mx_TagPanel .mx_TagPanel_logo {
+.mx_TagPanel .mx_TagPanel_clearButton {
+    /* Constant height within flex mx_TagPanel */
+    height: 70px;
     width: 60px;
-    height: 60px;
-    padding: 5px 0px;
+
+    flex: none;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
 
-.mx_TagPanel .mx_TagPanel_logo.mx_AccessibleButton:focus {
+.mx_TagPanel .mx_TagPanel_clearButton.mx_AccessibleButton:focus {
     filter: none;
     background: rgba(255,255,255, 0.2);
 }
 
-.mx_TagPanel .mx_TagPanel_logo object {
+.mx_TagPanel .mx_TagPanel_clearButton object {
     pointer-events: none;
 }