From 05fca0536c2245bbbab4e98ebc77ac623ce22014 Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Fri, 10 Mar 2017 17:08:26 +0000
Subject: [PATCH] Make letter full-height and increase resolution

Previously we only showed the top half of a letter template, in order
to conserve space and fit multiple letter templates on one page. Now
that we have only one template per page there is space to spare. So
this commit changes the letter preview to show the full height of the
A4 page.

This also requires increasing the resolution at which the preview is
rendered so that it still looks clean at the bigger size.
---
 app/assets/stylesheets/components/letter.scss | 19 ++-----------------
 app/utils.py                                  |  2 +-
 2 files changed, 3 insertions(+), 18 deletions(-)

diff --git a/app/assets/stylesheets/components/letter.scss b/app/assets/stylesheets/components/letter.scss
index 43aea97b2..4b065dbbd 100644
--- a/app/assets/stylesheets/components/letter.scss
+++ b/app/assets/stylesheets/components/letter.scss
@@ -1,6 +1,6 @@
 // Easing function from: http://easings.net/#easeOutBack
 $transition-easing: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-$iso-paper-ratio: 70.710678118%;
+$iso-paper-ratio: 141.42135624%;
 
 .letter {
 
@@ -13,31 +13,17 @@ $iso-paper-ratio: 70.710678118%;
     display: block;
     z-index: 10;
     position: absolute;
-    top: 1px;
+    top: 5px;
     left: 5px;
     height: 0;
     padding: $iso-paper-ratio 0 0 0;
     width: 100%;
     background: $highlight-colour;
     transform-origin: left bottom;
-    transform: scale(1, 0.985);
     box-shadow: inset 0 0 0 1px $border-colour;
     transition: all 0.2s $transition-easing;
   }
 
-  &:before {
-    content: "";
-    z-index: 15;
-    position: absolute;
-    bottom: -3px;
-    right: -5px;
-    width: 4px;
-    height: 7px;
-    background: $white;
-    transform: rotate(45deg);
-    box-shadow: inset 1px 0 0 0 $border-colour;
-  }
-
   &:hover {
 
     &:after {
@@ -61,7 +47,6 @@ $iso-paper-ratio: 70.710678118%;
     padding: $iso-paper-ratio 0 0 0;
     position: relative;
     z-index: 20;
-    box-shadow: 0 1px 0 0 $border-colour;
 
     &:focus {
 
diff --git a/app/utils.py b/app/utils.py
index 0eae0ca78..de4bbbb5f 100644
--- a/app/utils.py
+++ b/app/utils.py
@@ -330,7 +330,7 @@ def png_from_pdf(pdf_endpoint):
     output = BytesIO()
     with Image(
         blob=pdf_endpoint.get_data(),
-        resolution=96,
+        resolution=150,
     ) as image:
         with image.convert('png') as converted:
             converted.save(file=output)