Update layout.

src/_h5ai/client/css/inc/sidebar.less

@@ -6,7 +6,8 @@
     order: 99;
     width: 200px;
     padding: 8px 16px;
-    background: #eaeaea;
+    // background: #eaeaea;
+    border-left: 1px solid @col-border;
 }
 
 #settings {

src/_h5ai/client/css/inc/tree.less

@@ -8,8 +8,7 @@
 
     padding: 8px 16px 8px 8px;
     // background: #eee;
-    // border-right: 1px solid @col-border;
-    background: #eaeaea;
+    border-right: 1px solid @col-border;
     font-weight: lighter;
     white-space: nowrap;
     max-width: 250px;
@@ -87,15 +86,4 @@
             font-weight: bold;
         }
     }
-    .error {
-        > a, > a:active, > a:visited {
-            color: #999;
-            &:hover, &.hover {
-                color: @col-hover;
-            }
-        }
-        .hint {
-            color: #c55;
-        }
-    }
 }

src/_h5ai/client/css/inc/view.less

@@ -4,7 +4,7 @@
 @item-border-col-hover: @col-border;
 
 @item-col-sel: #fff;
-@item-background-col-sel: #42A5F5;
+@item-background-col-sel: #42a5f5;
 
 
 #selection-rect {
@@ -114,13 +114,14 @@
         position: absolute;
         left: -4px;
         top: 4px;
-        width: 24px;
-        height: 24px;
+        width: 22px;
+        height: 22px;
         background-color: #fff;
         cursor: pointer;
         box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
         border-radius: 0 20px 20px 0;
         opacity: 0.6;
+        padding: 1px 1px 1px 3px;
 
         &:hover {
             opacity: 0.8;

src/_h5ai/client/js/inc/ext/tree.js

@@ -2,7 +2,6 @@ modulejs.define('ext/tree', ['_', '$', 'core/settings', 'core/resource', 'core/e
 
     var settings = _.extend({
             enabled: false,
-            slide: true,
             maxSubfolders: 50
         }, allsettings.tree);
     var template =
@@ -54,13 +53,13 @@ modulejs.define('ext/tree', ['_', '$', 'core/settings', 'core/resource', 'core/e
             // is it the domain?
             if (item.isDomain()) {
                 $html.addClass('domain');
-                $img.attr('src', resource.image('home'));
+                // $img.attr('src', resource.image('home'));
             }
 
             // is it the root?
             if (item.isRoot()) {
                 $html.addClass('root');
-                $img.attr('src', resource.image('home'));
+                // $img.attr('src', resource.image('home'));
             }
 
             // is it the current folder?

src/_h5ai/conf/options.json

@@ -331,7 +331,7 @@ Options
         "mov": ["vid-avi", "vid-flv", "vid-mkv", "vid-mov", "vid-mp4", "vid-mpg", "vid-webm"],
         "doc": ["x-pdf", "x-ps"],
         "delay": 1,
-        "size": 256,
+        "size": 96,
         "exif": true
     },
 
@@ -346,12 +346,10 @@ Options
     Show a folder tree.
     Note that this might affect performance significantly.
 
-    - slide: boolean, slide tree bar into viewport if there is enough space
     - maxSubfolders: max number of subfolders to show in tree
     */
     "tree": {
         "enabled": true,
-        "slide": true,
         "maxSubfolders": 50
     }
 }