lib/templates/layouts/application.html.liquid in cassette-rack-0.5.0 vs lib/templates/layouts/application.html.liquid in cassette-rack-0.6.0

@@ -31,52 +31,62 @@
       float: left;
       width: 100%
     }
 
     #content {
-      margin-left: 140px;
+      margin-left: 160px;
       border-left: solid #ccc;
     }
 
     #sidebar {
       float: left;
-      width: 140px;
+      width: 160px;
       margin-left: -100%;
       background: #fff;
       border-right: solid #ccc;
     }
 
-    #tree li { list-style: none; }
+    #tree {
+      margin-left: 10px;
+    }
 
+    #tree ol {
+      padding-left: 12px;
+    }
+
+    #tree li {
+      list-style: none;
+    }
+
     #tree li label.branch {
       position: relative;
     }
 
     #tree li label.branch:before {
       content: '';
       position: absolute;
       top: 50%;
-      left: -10px;
+      left: -12px;
       margin-top: -4px;
       border: 4px solid transparent;
       border-left: 7px solid #999;
     }
 
     #tree li .branch { cursor: pointer; }
     #tree li .branch + input[type=checkbox] { opacity: 0; }
     #tree li .branch + input[type=checkbox] + ol > li { display: none; }
     #tree li .branch + input[type=checkbox]:checked + ol > li { display: block; }
 
-    #tree li .leaf { padding-left: 10px; }
+    #tree li .leaf { padding-left: 12px; }
     #tree li .leaf > a { color: #333; text-decoration: none; }
     #tree li .leaf > a:visited { color: #333; }
     #tree li .leaf > a:hover { color: #333; background-color:#fff; }
     #tree li .active { background-color: #999; }
     #tree li .active > a:visited { color: #fff; }
     #tree li .active > a:hover { color: #fff; background-color:#999; }
 
     div.scroll {
-      width: 130px;
+      width: 150px;
       overflow: scroll;
     }
 
     .btn {
       margin-left: 10px;