From 28b18bdac816939eef87db93a09f8a27cd4b8b0b Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Tue, 3 Jan 2017 16:38:32 +0000
Subject: [PATCH] Thin the borders around the letter preview

1px borders match the keylines that we use on email template previews.
---
 app/assets/stylesheets/components/letter.scss | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/app/assets/stylesheets/components/letter.scss b/app/assets/stylesheets/components/letter.scss
index f4fce8766..43aea97b2 100644
--- a/app/assets/stylesheets/components/letter.scss
+++ b/app/assets/stylesheets/components/letter.scss
@@ -13,15 +13,15 @@ $iso-paper-ratio: 70.710678118%;
     display: block;
     z-index: 10;
     position: absolute;
-    top: 2px;
+    top: 1px;
     left: 5px;
     height: 0;
     padding: $iso-paper-ratio 0 0 0;
     width: 100%;
     background: $highlight-colour;
     transform-origin: left bottom;
-    transform: scale(1, 0.99);
-    box-shadow: inset 0 0 0 2px $panel-colour;
+    transform: scale(1, 0.985);
+    box-shadow: inset 0 0 0 1px $border-colour;
     transition: all 0.2s $transition-easing;
   }
 
@@ -31,11 +31,11 @@ $iso-paper-ratio: 70.710678118%;
     position: absolute;
     bottom: -3px;
     right: -5px;
-    width: 5px;
-    height: 6px;
+    width: 4px;
+    height: 7px;
     background: $white;
     transform: rotate(45deg);
-    box-shadow: inset 2px 0 0 0 $panel-colour;
+    box-shadow: inset 1px 0 0 0 $border-colour;
   }
 
   &:hover {
@@ -43,7 +43,7 @@ $iso-paper-ratio: 70.710678118%;
     &:after {
       transform: skew(-1.3deg, 0deg) scale(1, 0.96);
       transition: all 0.1s $transition-easing;
-      background: mix($white, $highlight-colour);
+      background: mix($highlight-colour, $white);
     }
 
     &:before {
@@ -61,7 +61,7 @@ $iso-paper-ratio: 70.710678118%;
     padding: $iso-paper-ratio 0 0 0;
     position: relative;
     z-index: 20;
-    box-shadow: 0 2px 0 0 $panel-colour;
+    box-shadow: 0 1px 0 0 $border-colour;
 
     &:focus {
 
@@ -80,7 +80,7 @@ $iso-paper-ratio: 70.710678118%;
     display: block;
     width: 100%;
     background: $white;
-    box-shadow: inset 0 0 0 2px $panel-colour;
+    box-shadow: inset 0 0 0 1px $border-colour;
     position: absolute;
     top: 0;
     left: 0;