From 4b73492aa5a1815b2159269c205002632cb338bd Mon Sep 17 00:00:00 2001
From: Tankred Hase <tankred@whiteout.io>
Date: Thu, 6 Nov 2014 16:24:25 +0100
Subject: [PATCH] Review changes

---
 src/img/icon.svg                      | 20 ++++++++++++++++++++
 src/sass/blocks/basics/_spinner.scss  |  6 +++++-
 src/sass/blocks/layout/_lightbox.scss |  1 -
 src/tpl/about.html                    |  2 +-
 src/tpl/privatekey-upload.html        |  2 +-
 5 files changed, 27 insertions(+), 4 deletions(-)
 create mode 100644 src/img/icon.svg

diff --git a/src/img/icon.svg b/src/img/icon.svg
new file mode 100644
index 0000000..e90f3e1
--- /dev/null
+++ b/src/img/icon.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="212.72px" height="212.72px" viewBox="0 0 212.72 212.72" enable-background="new 0 0 212.72 212.72" xml:space="preserve">
+<polygon opacity="0.55" fill="#00C6FF" points="124.65,160.54 49.73,160.54 49.73,82.94 "/>
+<path opacity="0.3" fill="#00C6FF" d="M162.98,82.62h-44.36c-1.82-5.01-6.63-8.6-12.27-8.6c-5.63,0-10.44,3.59-12.26,8.6H49.73
+	l56.63-58.65L162.98,82.62z"/>
+<polygon opacity="0.4" fill="#00C6FF" points="162.98,82.94 162.98,160.54 124.65,160.54 106.36,141.59 "/>
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#00C6FF" d="M128.46,87.06v10.45h-9.06V87.06c0-1.56-0.27-3.05-0.78-4.44
+	c-1.82-5.01-6.63-8.6-12.27-8.6c-5.63,0-10.44,3.59-12.26,8.6c-0.51,1.39-0.78,2.88-0.78,4.44v10.45h-9.06V87.06
+	c0-1.52,0.15-3,0.45-4.44c2.06-10.07,10.99-17.66,21.65-17.66c10.67,0,19.6,7.59,21.66,17.66
+	C128.31,84.06,128.46,85.54,128.46,87.06z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#00C6FF" d="M77.88,100.03l0.66,12.75l22.53,23.33l1.46-11.59l0.38-3.03
+	c-1.61-1.1-2.65-2.95-2.65-5.03c0-0.81,0.16-1.58,0.44-2.27c0.89-2.24,3.09-3.83,5.65-3.83c2.57,0,4.77,1.59,5.66,3.83
+	c0.28,0.69,0.44,1.46,0.44,2.27c0,2.08-1.05,3.93-2.66,5.02l0.39,3.04l1.45,11.61l22.53-23.34l0.67-12.76H77.88z"/>
+<path fill="#00C6FF" d="M212.72,106.36c0,58.741-47.619,106.36-106.36,106.36S0,165.101,0,106.36S47.619,0,106.36,0
+	S212.72,47.619,212.72,106.36z M201.72,106.36c0-52.582-42.778-95.36-95.36-95.36C53.778,11,11,53.778,11,106.36
+	c0,52.582,42.778,95.36,95.36,95.36C158.942,201.72,201.72,158.942,201.72,106.36z"/>
+</svg>
diff --git a/src/sass/blocks/basics/_spinner.scss b/src/sass/blocks/basics/_spinner.scss
index 4b1675e..c1be36e 100644
--- a/src/sass/blocks/basics/_spinner.scss
+++ b/src/sass/blocks/basics/_spinner.scss
@@ -27,5 +27,9 @@
 
 .spinner-block {
     text-align: center;
-    margin: 50px 0;
+    margin: 20px 0;
+
+    &--standalone {
+        margin: 50px 0;
+    }
 }
\ No newline at end of file
diff --git a/src/sass/blocks/layout/_lightbox.scss b/src/sass/blocks/layout/_lightbox.scss
index c66ce97..5fbc8a1 100755
--- a/src/sass/blocks/layout/_lightbox.scss
+++ b/src/sass/blocks/layout/_lightbox.scss
@@ -98,7 +98,6 @@
             text-align: center;
         }
         .lightbox__controls {
-            text-align: center;
             margin-top: 25px;
         }
     }
diff --git a/src/tpl/about.html b/src/tpl/about.html
index df29278..f479723 100644
--- a/src/tpl/about.html
+++ b/src/tpl/about.html
@@ -7,7 +7,7 @@
 
   <div class="lightbox__content">
     <p class="typo-paragraph">
-      <img src="img/icon-128.png">
+      <img src="img/icon.svg" style="width: 120px; height: 120px;">
     </p>
 
     <h2 class="typo-title">Whiteout Mail</h2>
diff --git a/src/tpl/privatekey-upload.html b/src/tpl/privatekey-upload.html
index 1d119ab..6dd73dc 100644
--- a/src/tpl/privatekey-upload.html
+++ b/src/tpl/privatekey-upload.html
@@ -44,7 +44,7 @@
       </div>
 
       <div ng-show="step === 4">
-        <div class="spinner-block" ng-show="busy">
+        <div class="spinner-block spinner-block--standalone" ng-show="busy">
           <span class="spinner spinner--big"></span>
         </div>
       </div>