Improve radio outlines for message layout to be more consistent

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-03 19:48:22 +01:00
parent 5a542281ed
commit c8bb6f5904
2 changed files with 14 additions and 5 deletions
--- a/res/css/views/settings/tabs/user/_AppearanceUserSettingsTab.scss
+++ b/res/css/views/settings/tabs/user/_AppearanceUserSettingsTab.scss
@@ -188,11 +188,17 @@ limitations under the License.
        .mx_RadioButton {
            flex-grow: 0;
            padding: 10px;
+            // create a horizontal separation line between the preview and the radio interaction
+            border-top: 1px solid $input-darker-bg-color;
        }

        .mx_EventTile_content {
            margin-right: 0;
        }
+
+        &.mx_AppearanceUserSettingsTab_Layout_RadioButton_selected {
+            border-color: $accent-color;
+        }
    }

    .mx_RadioButton {