add compact startup, recent files closer

js/kiri-init.js

@@ -1064,7 +1064,7 @@ var gs_kiri_init = exports;
             container = $('container'),
             welcome = $('welcome'),
             controller = settings().controller,
-            compact = controller.compact,
+            compact = controller.compact || SETUP.compact,
             dark = controller.dark;
 
         WIN.addEventListener("resize", API.dialog.update);
@@ -1263,7 +1263,7 @@ var gs_kiri_init = exports;
                 ]
             ]),
 
-            workspace: UC.newGroup(LANG.ws_menu),
+            workspace: UC.newGroup(LANG.ws_menu, undefined, {modes:ALL, expert:true}),
             wsTable: UC.newTableRow([
                 [
                     UI.saveButton =
@@ -1271,7 +1271,7 @@ var gs_kiri_init = exports;
                 ],[
                     UC.newButton(LANG.ws_cler, API.space.clear)
                 ]
-            ]),
+            ], {modes:ALL, expert:true}),
 
             layout:        UC.newGroup(LANG.op_menu),
             expert:        UC.newBoolean(LANG.op_xprt_s, booleanSave, {title:LANG.op_xprt_l}),
@@ -1616,6 +1616,8 @@ var gs_kiri_init = exports;
             API.dialog.show("catalog");
         };
 
+        $('cache-close').onclick = API.dialog.hide;
+
         UI.toolMetric.onclick = updateTool;
         UI.toolType.onchange = updateTool;
 

web/kiri/index.html

@@ -65,7 +65,7 @@
     <!-- file load catalog -->
     <div id="catalog" class="dialog">
         <div id="catalogBody" class="flow-col">
-            <label id="localCache">recent files</label>
+            <label id="localCache">recent files<button id="cache-close">x</button></label>
             <div id="catalogList"></div>
         </div>
     </div>

web/kiri/style.css

@@ -79,6 +79,15 @@ input[type=range]::-moz-focus-outer {
     font-size: 18px;
     margin: 4px;
 }
+#localCache {
+    border-bottom: 1px solid #ddd !important;
+    padding-bottom: 8px !important;
+    margin-bottom: 4px;
+}
+#localCache button {
+    position: absolute;
+    right: 0;
+}
 #widget-info {
     text-align: center;
     position: fixed;