From 95da470a8915cb01c65d3178b66881b9ab1e1af5 Mon Sep 17 00:00:00 2001
From: Moini <Moini@users.noreply.github.com>
Date: Mon, 1 Mar 2021 14:08:56 +0100
Subject: [PATCH] Improve visibility of close button for embedded web pages

The button (a white x) wasn't visible on white background. Now it is. Also is a little bit larger and changes color on hover.
---
 front/dist/resources/style/style.css | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/front/dist/resources/style/style.css b/front/dist/resources/style/style.css
index e3291ad7..f874f866 100644
--- a/front/dist/resources/style/style.css
+++ b/front/dist/resources/style/style.css
@@ -346,11 +346,20 @@ body {
         border: none;
         cursor: url('/resources/logos/cursor_pointer.png'), pointer;
         animation: right .2s ease;
-    }
-    #cowebsite .close-btn img{
-        height: 15px;
+    } 
+    
+    #cowebsite .close-btn img {
+        height: 20px;
         right: 15px;
+        background-color: rgba(0,0.0,0,0.3);
+        padding: 5px;
+        border-radius: 3px;
     }
+    
+    #cowebsite .close-btn img:hover {
+        background-color: rgba(0,0,0,0.4);
+    }
+        
     #cowebsite:hover .close-btn{
         right: 10px;
     }