Rename mx_RadioButton to mx_StyledRadioButton to match class name (#7083)

res/css/views/settings/_JoinRuleSettings.scss

@@ -59,7 +59,7 @@ limitations under the License.
     padding-top: 16px;
     margin-bottom: 8px;
 
-    .mx_RadioButton_content {
+    .mx_StyledRadioButton_content {
         margin-left: 14px;
         font-weight: $font-semi-bold;
         font-size: $font-15px;
@@ -76,7 +76,7 @@ limitations under the License.
         line-height: $font-24px;
         color: $secondary-content;
 
-        & + .mx_RadioButton {
+        & + .mx_StyledRadioButton {
             border-top: 1px solid $menu-border-color;
         }
     }

res/css/views/settings/_LayoutSwitcher.scss

@@ -47,7 +47,7 @@ limitations under the License.
                 pointer-events: none;
             }
 
-            .mx_RadioButton {
+            .mx_StyledRadioButton {
                 flex-grow: 0;
                 padding: 10px;
             }
@@ -61,7 +61,7 @@ limitations under the License.
             }
         }
 
-        .mx_RadioButton {
+        .mx_StyledRadioButton {
             border-top: 1px solid $appearance-tab-border-color;
 
             > input + div {
@@ -69,7 +69,7 @@ limitations under the License.
             }
         }
 
-        .mx_RadioButton_checked {
+        .mx_StyledRadioButton_checked {
             background-color: rgba($accent-color, 0.08);
         }
 

res/css/views/settings/_Notifications.scss

@@ -49,14 +49,14 @@ limitations under the License.
         }
 
         // Override StyledRadioButton default styles
-        .mx_RadioButton {
+        .mx_StyledRadioButton {
             justify-content: center;
 
-            .mx_RadioButton_content {
+            .mx_StyledRadioButton_content {
                 display: none;
             }
 
-            .mx_RadioButton_spacer {
+            .mx_StyledRadioButton_spacer {
                 display: none;
             }
         }

res/css/views/settings/_ThemeChoicePanel.scss

@@ -26,7 +26,7 @@ limitations under the License.
         margin-top: 4px;
         margin-bottom: 30px;
 
-        > .mx_RadioButton {
+        > .mx_StyledRadioButton {
             padding: $font-16px;
             box-sizing: border-box;
             border-radius: 10px;
@@ -49,7 +49,7 @@ limitations under the License.
             }
         }
 
-        > .mx_RadioButton_enabled {
+        > .mx_StyledRadioButton_enabled {
             opacity: 1;
 
             // These colors need to be hardcoded because they don't change with the theme