render thumbnails as masks

1 files changed, 5 insertions, 6 deletions

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 6e23962..d47b5a7 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -619,16 +619,16 @@ iframe.embed {
 	display: none;
 }
 
-.templates span{
+.templates span {
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
   background-color: #fff;
   width: 20vw;
-  height: 20vh;
+  height: 20vw;
   display: inline-block;
   margin: 4vw;
-  border:1px solid black;
+  background-color: #ddd;
   position: relative;
 }
 
@@ -640,17 +640,16 @@ iframe.embed {
 	left: 0;
 	background: #fff;
 	padding: 5px;
-	border-top: 1px solid black;
 	font-weight: 300;
 }
 
 .templates span:hover {
-  border:1px solid blue;
+  background-color: #f00;
   cursor:pointer;
 }
 
 .templates span:hover:after {
-	border-top: 1px solid blue;
+  color: #f00;
 }
 
 .templates h1 {