From e5d1c2e729acb974a7a4d48b2b5585f64b7584e6 Mon Sep 17 00:00:00 2001
From: olzzon <github@olzzon.dk>
Date: Fri, 28 Sep 2018 18:59:31 +0200
Subject: [PATCH] =?UTF-8?q?Background=20on=20thumbnails,=20so=20it=C2=B4s?=
 =?UTF-8?q?=20possible=20to=20see=20Key?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/App.css       | 8 +++++---
 src/assets/css/Thumbnail.css | 4 +++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/assets/css/App.css b/src/assets/css/App.css
index 15a04403..63fc4548 100755
--- a/src/assets/css/App.css
+++ b/src/assets/css/App.css
@@ -28,7 +28,7 @@ body {
   position: sticky;
   z-index: 10;
   top: 0px;
-  width: 100vw;
+  width: 100%;
   background-color: rgb(53, 53, 53);
   height: 130px;
   color: rgb(28, 115, 165);
@@ -74,6 +74,7 @@ body {
   margin-top: 6px;
   margin-bottom: 4px;
   margin-right: 8px;  
+  background-image: repeating-linear-gradient(-45deg, #2f2c43, #2e2b41 3%, #2a1938 4%); 
 }
 
 .headerPgmThumbnailImage {
@@ -87,7 +88,8 @@ body {
   height: auto;
   margin-top: 6px;
   margin-bottom: 4px;
-  margin-left: 8px;  
+  margin-left: 8px; 
+  background-image: repeating-linear-gradient(-45deg, #2f2c43, #2e2b41 3%, #2a1938 4%); 
 }
 
 .Reload-setup-background {
@@ -148,7 +150,7 @@ body {
 .mixButtonBackground {
   position: absolute;
   top: 5px;
-  right: 25px;
+  right: 15px;
   width: 300px;
   height: 115px;
   background-color: rgb(22, 22, 22);
diff --git a/src/assets/css/Thumbnail.css b/src/assets/css/Thumbnail.css
index 4b2f722b..27378aba 100644
--- a/src/assets/css/Thumbnail.css
+++ b/src/assets/css/Thumbnail.css
@@ -23,12 +23,14 @@
 }
 
 .thumbnailImage {
-    border-width: 4px;
+    border-width: 2px;
     border-style:  solid;
     border-color: red;
     width: 90%;
     height: auto;
     margin: 8px;
+    background-image: repeating-linear-gradient(-45deg, #94939411, #94939411 3%, #2a1938 4%); 
+
   }
   
   /* Buttons on thumbnail invisible and visible */