From 8710f59da5c17ed600337c5efa359adc08b2c3a0 Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Wed, 23 Mar 2022 21:56:16 +0000
Subject: [PATCH] Fix broken settingsIcon on SpaceRoomView (#8137)

---
 res/css/structures/_SpaceRoomView.scss | 64 +++++++++++++-------------
 1 file changed, 31 insertions(+), 33 deletions(-)

diff --git a/res/css/structures/_SpaceRoomView.scss b/res/css/structures/_SpaceRoomView.scss
index 2a3fb47879..c0cc163fb6 100644
--- a/res/css/structures/_SpaceRoomView.scss
+++ b/res/css/structures/_SpaceRoomView.scss
@@ -359,46 +359,44 @@ $SpaceRoomViewInnerWidth: 428px;
                     }
                 }
 
-                .mx_SpaceRoomView_landing {
-                    .mx_SpaceRoomView_landing_inviteButton,
-                    .mx_SpaceRoomView_landing_settingsButton {
-                        position: relative;
+                .mx_SpaceRoomView_landing_inviteButton,
+                .mx_SpaceRoomView_landing_settingsButton {
+                    position: relative;
 
-                        &::before {
-                            position: absolute;
-                            content: "";
-                            mask-position: center;
-                            mask-repeat: no-repeat;
-                        }
+                    &::before {
+                        position: absolute;
+                        content: "";
+                        mask-position: center;
+                        mask-repeat: no-repeat;
                     }
+                }
 
-                    .mx_SpaceRoomView_landing_inviteButton {
-                        padding: 4px 18px 4px 40px;
-                        height: min-content;
+                .mx_SpaceRoomView_landing_inviteButton {
+                    padding: 4px 18px 4px 40px;
+                    height: min-content;
 
-                        &::before {
-                            left: 8px;
-                            height: 16px;
-                            width: 16px;
-                            background: #fff; // white icon fill
-                            mask-size: 16px;
-                            mask-image: url('$(res)/img/element-icons/room/invite.svg');
-                        }
+                    &::before {
+                        left: 8px;
+                        height: 16px;
+                        width: 16px;
+                        background: #fff; // white icon fill
+                        mask-size: 16px;
+                        mask-image: url('$(res)/img/element-icons/room/invite.svg');
                     }
+                }
 
-                    .mx_SpaceRoomView_landing_settingsButton {
-                        width: 24px;
+                .mx_SpaceRoomView_landing_settingsButton {
+                    width: 24px;
+                    height: 24px;
+
+                    &::before {
+                        left: 0;
+                        top: 0;
                         height: 24px;
-
-                        &::before {
-                            left: 0;
-                            top: 0;
-                            height: 24px;
-                            width: 24px;
-                            background: $tertiary-content;
-                            mask-size: contain;
-                            mask-image: url('$(res)/img/element-icons/settings.svg');
-                        }
+                        width: 24px;
+                        background: $tertiary-content;
+                        mask-size: contain;
+                        mask-image: url('$(res)/img/element-icons/settings.svg');
                     }
                 }
             }