fix flexbox thing

Signed-off-by: Ian Jackson <ijackson@chiark.greenend.org.uk>

diff --git a/templates/script.ts b/templates/script.ts
index 4ed718bd48e19b756b3ef5cf0e1edc9312edaa93..b93a7be2882f72d4054bedde9e983732a6aa903b 100644 (file)
--- a/templates/script.ts
+++ b/templates/script.ts
@@ -307,11 +307,12 @@ function recompute_keybindings() {
     let uo = uo_map[kk]!;
     let prec = uo_kind_prec[uo.kind];
     let ent = document.createElement('div');
-    ent.setAttribute('class','uokey-'+uo.kind);
     ent.innerHTML = '<b>' + kk + '</b> ' + uo.desc;
     if (prec < 400) {
+      ent.setAttribute('class','uokey-l');
       uos_node.insertBefore(ent, mid_elem);
     } else {
+      ent.setAttribute('class','uokey-r');
       uos_node.appendChild(ent);
     }
   }

diff --git a/templates/session.tera b/templates/session.tera
index 27d1a2aab11ac892b1bb836ebff56d5ecdc60050..9c43090a4f25b52611fb13a6d886013191b0cc4c 100644 (file)
--- a/templates/session.tera
+++ b/templates/session.tera
@@ -10,8 +10,9 @@
     margin: 1px;
     padding-left: 5px;
     padding-right: 6.5px;
+    align-self: start;
   }
-  div[class=uokey-ClientExtra] {
+  div[class=uokey-r] {
     align-self: end;
   }
 </style>