From a68f276fb09d17f526cb8d32ef712e1303149b26 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Wed, 18 Jul 2018 11:55:17 -0400
Subject: [PATCH] use variables for thumbnail size

---
 src/renderer/scss/_gui.scss                  | 6 +++---
 src/renderer/scss/_vars.scss                 | 4 ++++
 src/renderer/scss/component/_form-field.scss | 2 +-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/renderer/scss/_gui.scss b/src/renderer/scss/_gui.scss
index 439a05c33..bf711e78a 100644
--- a/src/renderer/scss/_gui.scss
+++ b/src/renderer/scss/_gui.scss
@@ -303,7 +303,7 @@ p {
 
 .column {
   display: flex;
-  
+
   .column__item:not(:first-child) {
     padding-left: $spacing-width * 2/3;
   }
@@ -370,6 +370,6 @@ p {
 }
 
 .thumbnail-preview {
-  height: 100px;
-  width: 177px;
+  height: var(--thumbnail-preview-height);
+  width: var(--thumbnail-preview-width);
 }
diff --git a/src/renderer/scss/_vars.scss b/src/renderer/scss/_vars.scss
index bc0ec1428..d2bba62e2 100644
--- a/src/renderer/scss/_vars.scss
+++ b/src/renderer/scss/_vars.scss
@@ -179,4 +179,8 @@ $large-breakpoint: 1921px;
   // /* Animation :) */
   --animation-duration: 0.3s;
   --animation-style: cubic-bezier(0.55, 0, 0.1, 1);
+
+  /* Image */
+  --thumbnail-preview-height: 100px;
+  --thumbnail-preview-width: 177px;
 }
diff --git a/src/renderer/scss/component/_form-field.scss b/src/renderer/scss/component/_form-field.scss
index 0b5ad5f4a..1c8db8db9 100644
--- a/src/renderer/scss/component/_form-field.scss
+++ b/src/renderer/scss/component/_form-field.scss
@@ -68,7 +68,7 @@
   }
 
   input.input--thumbnail {
-    width: 370px;
+    width: 400px;
   }
 
   &.form-field--auto-height {