Made sidebar hierachy clearer

@@ -270,11 +270,14 @@ h1, h2, h3, h4, h5, h6 {
 .book-tree .sidebar-page-list {
   list-style: none;
   margin: 0;
-  border-left: 1px solid #7BD06E;
+  border-left: 5px solid #7BD06E;
   li a {
     display: block;
     border-bottom: 1px solid #3A3939;
   }
+  li, a {
+    display: block;
+  }
   a.bold {
     color: #EEE !important;
   }
@@ -291,8 +294,15 @@ h1, h2, h3, h4, h5, h6 {
   .chapter {
     color: #D2A64B !important;
   }
+  .list-item-chapter {
+    border-left: 5px solid #D2A64B;
+    margin: 10px 10px;
+    display: block;
+  }
   .page {
     color: #4599DC !important;
+    border-left: 5px solid #4599DC;
+    margin: 10px 10px;
   }
 }
 
@@ -364,7 +374,7 @@ body.dragging, body.dragging * {
     width: 100%;
     height: 100%;
     z-index: -1;
-    background-color: rgba(0,0,0,0.7);
+    background-color: rgba(0,0,0,0.85);
     display: block;
   }
 }

@@ -2,8 +2,8 @@
 <ul class="sidebar-page-list menu">
     <li class="book-header"><a href="{{$book->getUrl()}}" class="book"><i class="zmdi zmdi-book"></i>{{$book->name}}</a></li>
     @foreach($book->children() as $bookChild)
-        <li>
-            <a href="{{$bookChild->getUrl()}}" class="@if(is_a($bookChild, 'Oxbow\Chapter')) chapter @else page @endif">
+        <li class="list-item-{{is_a($bookChild, 'Oxbow\Chapter') ? 'chapter' : 'page' }}">
+            <a href="{{$bookChild->getUrl()}}" class="{{is_a($bookChild, 'Oxbow\Chapter') ? 'chapter' : 'page' }}">
                 @if(is_a($bookChild, 'Oxbow\Chapter'))
                     <i class="zmdi zmdi-collection-bookmark chapter-toggle"></i>
                 @else
@@ -15,14 +15,9 @@
             @if(is_a($bookChild, 'Oxbow\Chapter') && count($bookChild->pages) > 0)
                 <ul class="menu">
                     @foreach($bookChild->pages as $page)
-                        <li>
-                            <a href="{{$page->getUrl()}}" class="@if(is_a($page, 'Oxbow\Chapter')) chapter @else page @endif">
-                                @if(is_a($page, 'Oxbow\Chapter'))
-                                    <i class="zmdi zmdi-collection-bookmark chapter-toggle"></i>
-                                @else
-                                    <i class="zmdi zmdi-file-text"></i>
-                                @endif
-                                {{ $page->name }}
+                        <li class="list-item-page">
+                            <a href="{{$page->getUrl()}}" class="page">
+                                <i class="zmdi zmdi-file-text"></i> {{ $page->name }}
                             </a>
                         </li>
                     @endforeach