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; }