From 894fa721bf9a43a15ef2a034a15a1b078173a4f3 Mon Sep 17 00:00:00 2001
From: Sven Fuchs <me@svenfuchs.com>
Date: Fri, 1 Mar 2013 00:05:04 +0100
Subject: [PATCH] move log expand/collapse icons to the left

---
 assets/images/ui/log.fold.closed.3.png | Bin 0 -> 1828 bytes
 assets/styles/_mixins/colors.sass      |   4 ++--
 assets/styles/main/log.sass            |  15 +++++++++------
 3 files changed, 11 insertions(+), 8 deletions(-)
 create mode 100644 assets/images/ui/log.fold.closed.3.png

diff --git a/assets/images/ui/log.fold.closed.3.png b/assets/images/ui/log.fold.closed.3.png
new file mode 100644
index 0000000000000000000000000000000000000000..304b09e78a6db2527033081c01025280ca1e51c1
GIT binary patch
literal 1828
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

literal 0
HcmV?d00001

diff --git a/assets/styles/_mixins/colors.sass b/assets/styles/_mixins/colors.sass
index 8ec6c329..eedabce5 100644
--- a/assets/styles/_mixins/colors.sass
+++ b/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
diff --git a/assets/styles/main/log.sass b/assets/styles/main/log.sass
index 575f7d76..e925c6ad 100644
--- a/assets/styles/main/log.sass
+++ b/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