From: Ian Jackson <ijackson@chiark.greenend.org.uk>
Date: Sat, 3 Oct 2020 00:21:37 +0000 (+0100)
Subject: fix flexbox thing
X-Git-Tag: otter-0.2.0~791
X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~ianmdlvl/git?a=commitdiff_plain;h=eb649d71df4b0b3321a76e84a7ffffc12e317230;p=otter.git

fix flexbox thing

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

diff --git a/templates/script.ts b/templates/script.ts
index 4ed718bd..b93a7be2 100644
--- 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 27d1a2aa..9c43090a 100644
--- 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>