diff --git a/res/css/views/settings/_Notifications.scss b/res/css/views/settings/_Notifications.scss index a0e46c0071..571d8141ec 100644 --- a/res/css/views/settings/_Notifications.scss +++ b/res/css/views/settings/_Notifications.scss @@ -90,3 +90,7 @@ limitations under the License. margin-top: 35px; // lots of distance from the last line of the table } } + +.mx_AccessibleButton.mx_NotificationSound_browse { + margin-right: 10px; +} diff --git a/src/components/views/settings/tabs/room/NotificationSettingsTab.tsx b/src/components/views/settings/tabs/room/NotificationSettingsTab.tsx index 32453b5a25..3060d570a2 100644 --- a/src/components/views/settings/tabs/room/NotificationSettingsTab.tsx +++ b/src/components/views/settings/tabs/room/NotificationSettingsTab.tsx @@ -158,18 +158,22 @@ export default class NotificationsSettingsTab extends React.Component { _t("Sounds") }
- { _t("Notification sound") }: { this.state.currentSound }
+
+ { _t("Notification sound") }: { this.state.currentSound } +
{ _t("Reset") }

{ _t("Set a new custom sound") }

-
- -
+
+
+ +
- { currentUploadedFile } + { currentUploadedFile } +
{ _t("Browse") }