From 327858e6c05efe96108d071497bd1b90690e7607 Mon Sep 17 00:00:00 2001
From: Kiritan Flux <flux@kopiloten.com>
Date: Sun, 22 Jan 2017 20:41:28 +0100
Subject: [PATCH] optimized design - 1st step

---
 css/video.css | 29 ++++++++++++++++++-----------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/css/video.css b/css/video.css
index e357ab89..9fa3bd40 100644
--- a/css/video.css
+++ b/css/video.css
@@ -31,19 +31,20 @@
 #videotext
 {
   width:40%;
-  background-color:#fff;
-  opacity:.9;
+  background-color:#000;
+  opacity:.8;
   position:fixed;
-  z-index:100;
-  right:20px;
-  top:20px;
+  z-index:10000;
+  right:50px;
+  bottom: 50px;
   display:none;
   padding:30px;
-  color:#000;
+  color:#fff;
 }
 
 #videotext .video-title
 {
+  color:#fff;
   font-size: 1.7em;
   background-color:none;
 }
@@ -65,8 +66,12 @@
 
 .playbutton
 {
+  display:block;
+  position:absolute;
+  top:70px;
+  left:90px;
+  z-index:1000000;
   width:60px;
-  margin-top:30px;
   display:none;
   pointer-events: none;
 }
@@ -75,6 +80,8 @@
 {
   display:block;
   position:fixed;
+  top:0;
+  left:0;
   z-index:1000;
   width:100%;
   height:100%;
@@ -94,12 +101,12 @@
 #close-button
 {
   position:fixed;
-  z-index:1001;
+  z-index:1000001;
   display:block;
   width:50px;
   height:50px;
-  top:0;
-  right:0;
+  top:90px;
+  right:30px;
   background-image:url("/images/close-button-large.png");
   background-size:cover;
 }
@@ -111,4 +118,4 @@
 .filter-button-group button{
   color: #000;
   margin-bottom: 4px;
-}
\ No newline at end of file
+}