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;
}
.Settings {
flex: 1;
.SettingsBody {
padding: 12px 16px;
}
.Settings .row .label {
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;
}
.Settings .row .content button {
display: inline-block;
margin: 0 8px;
}
.Settings .row {
margin: 12px;
margin: 4px 0px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.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.h2("Settings")
]),
t.div([
t.div({className: "SettingsBody"}, [
row(vm.i18n`User ID`, vm.userId),
row(vm.i18n`Session ID`, vm.deviceId),
row(vm.i18n`Session key`, vm.fingerprintKey, "key"),
row(vm.i18n`Session ID`, vm.deviceId, "code"),
row(vm.i18n`Session key`, vm.fingerprintKey, "code"),
row(vm.i18n`Version`, version),
])
]);