move log expand/collapse icons to the left

assets/styles/_mixins/colors.sass

@@ -1,5 +1,5 @@
 $brighten-1: rgba(255, 255, 255, 0.05)
-$brighten-2: rgba(255, 255, 255, 0.1)
+$brighten-2: rgba(255, 255, 255, 0.15)
 
 $black: #000
 $white: #fff
@@ -63,7 +63,7 @@ $color-bg-tab-hover: $white
 $color-bg-tab-active: $white
 $color-bg-log: $gray-dark-1
 $color-bg-log-fold: $gray-dark-2
-$color-bg-log-hover: $brighten-2
+$color-bg-log-hover: #555
 $color-bg-log-highlight: #747882
 $color-bg-slider: $slate-blue-3
 $color-bg-left: $gray-light-4

assets/styles/main/log.sass

@@ -20,18 +20,19 @@ pre#log
   counter-reset: line-numbering
 
   p
-    padding: 0 15px 0 50px
+    padding: 0 15px 0 52px
     margin: 0
     min-height: 16px
     &:hover
-      background-color: $color-bg-log-hover
+      background-color: $color-bg-log-hover !important
     &.highlight
       background-color: $color-bg-log-highlight
       a
         color: white
     a
       display: inline-block
-      margin-left: -35px
+      margin-left: -30px
+      min-width: 30px
       cursor: pointer
       text-decoration: none
 
@@ -44,21 +45,23 @@ pre#log
   .fold
     height: 16px
     overflow: hidden
-    background: $color-bg-log-fold inline-image('ui/log.fold.closed.2.png') no-repeat 99.5% 3px
     cursor: pointer
     &.open
       height: auto
-      background-image: inline-image('ui/log.fold.open.2.png')
+
+    p:first-of-type
+      background: $color-bg-log-fold inline-image('ui/log.fold.open.2.png') no-repeat 8px 3px
 
     &:not(.open) p:first-of-type
       visibility: visible
       height: auto
       min-height: 16px
+      background-image: inline-image('ui/log.fold.closed.3.png')
 
     .fold-name
       position: absolute
       display: block
-      right: 23px
+      right: 12px
       margin-top: 2px
       padding: 0px 7px 2px 7px
       line-height: 10px