website/lab: fixes repertoire styling

docs/lab/index.html

@@ -930,6 +930,8 @@ samples {
     sample .glyphlist {
       display: flex;
       flex-wrap: wrap;
+      letter-spacing:0;
+      line-height: normal;
     }
       sample .glyphlist g {
         margin:1px;
@@ -957,6 +959,8 @@ samples {
         flex: 0 0 auto;
         font-size:9px;
         color: rgba(0,0,0,0.3);
+        font-weight: 400;
+        padding-bottom:2px;
         /*height: 16px;*/
       }
       sample .glyphlist.hideNames g span.name {
@@ -1501,10 +1505,14 @@ function main() {
       }
     }
 
-    if (sizeVar && v == 'Repertoire') {
+    if (v == 'Repertoire') {
+      requestAnimationFrame(() => {
+        if (sizeVar) {
           sizeVar.refreshValue(null)
         }
       })
+    }
+  })
 
   vars.bind('repertoireOrder', (e, v) => {
     let currOrder = repertoireOrder