From 1fe3f646dccc77770b35c1f0e0f97749f26c0ce1 Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@matrix.org>
Date: Mon, 19 Oct 2020 14:53:05 +0200
Subject: [PATCH] further style settings page

---
 src/ui/web/css/themes/element/theme.css | 23 +++++++++++++++++++----
 src/ui/web/session/SessionView.js       |  6 +++---
 2 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/src/ui/web/css/themes/element/theme.css b/src/ui/web/css/themes/element/theme.css
index 55ac213a..203dbc9e 100644
--- a/src/ui/web/css/themes/element/theme.css
+++ b/src/ui/web/css/themes/element/theme.css
@@ -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 {
diff --git a/src/ui/web/session/SessionView.js b/src/ui/web/session/SessionView.js
index 895e7a27..1d397d30 100644
--- a/src/ui/web/session/SessionView.js
+++ b/src/ui/web/session/SessionView.js
@@ -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),
             ])
         ]);