convert bulk of root kiri packages to gapp.register() loading

web/kiri/index.css

@@ -34,12 +34,9 @@ a, a:hover, a:visited {
     transform: translateX(-50%) translateY(-50%);
     z-index: 50;
 }
-#app-name, #app-mode-name, #app-acct {
+#app-name, #app-acct {
     cursor: pointer;
 }
-#app-mode-name {
-    border-bottom: 2px dotted grey;
-}
 #app,div {
     display: flex;
     padding: 0;
@@ -296,18 +293,16 @@ th, tr, td, label {
     margin: 0 5px 0 5px;
 }
 
-#mode-info.hoverpop {
-    display: flex;
-}
 #mode-info {
     display: none;
-    position: absolute;
+    xposition: absolute;
     white-space: nowrap;
     font-size: smaller;
     font-family: sans-serif;
-    left: 100%;
+    top: 50%;
     height: 100%;
-    padding: 1px 5px 1px 5px;
+    transform: translateY(-50%);
+    padding: 1px 0 1px 0;
     align-items: center;
     justify-content: center;
 }

web/kiri/index.html

@@ -30,8 +30,8 @@
     <div id="top-sep"></div>
     <div id="top" class="f-row">
         <div id="app-mode">
-            <div id="app-mode-name"></div>
             <div id="mode-info" class="f-row">
+                <label>Mode</label><div id="app-mode-name"></div>
                 <label>Device</label><div id="mode-device"></div>
                 <label>Profile</label><div id="mode-profile"></div>
             </div>