further style settings page

This commit is contained in:
Bruno Windels 2020-10-19 14:53:05 +02:00
parent d8f8342a10
commit 1fe3f646dc
2 changed files with 22 additions and 7 deletions

View file

@ -547,22 +547,37 @@ ul.Timeline > li.messageStatus .message-container > p {
margin-left: 12px; margin-left: 12px;
} }
.Settings { .SettingsBody {
flex: 1; padding: 12px 16px;
} }
.Settings .row .label { .Settings .row .label {
font-weight: 600; font-weight: 600;
} }
.Settings .row.key .content { .Settings .row .label, .Settings .row .content {
margin-top: 4px;
margin-bottom: 4px;
}
.Settings .row .content {
margin-left: 4px;
}
.Settings .row.code .content {
font-family: monospace; font-family: monospace;
} }
.Settings .row .content button {
display: inline-block;
margin: 0 8px;
}
.Settings .row { .Settings .row {
margin: 12px; margin: 4px 0px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center;
} }
.Settings .row .label { .Settings .row .label {

View file

@ -71,10 +71,10 @@ class SettingsView extends TemplateView {
t.a({className: "button-utility close-middle", href: vm.closeUrl, title: vm.i18n`Close settings`}), t.a({className: "button-utility close-middle", href: vm.closeUrl, title: vm.i18n`Close settings`}),
t.h2("Settings") t.h2("Settings")
]), ]),
t.div([ t.div({className: "SettingsBody"}, [
row(vm.i18n`User ID`, vm.userId), row(vm.i18n`User ID`, vm.userId),
row(vm.i18n`Session ID`, vm.deviceId), row(vm.i18n`Session ID`, vm.deviceId, "code"),
row(vm.i18n`Session key`, vm.fingerprintKey, "key"), row(vm.i18n`Session key`, vm.fingerprintKey, "code"),
row(vm.i18n`Version`, version), row(vm.i18n`Version`, version),
]) ])
]); ]);