From a0c2b75da9fd0dc62b75abac160961754430b4d4 Mon Sep 17 00:00:00 2001
From: Cristina Cochior <clcochior@gmail.com>
Date: Wed, 28 Oct 2020 23:53:12 +0100
Subject: [PATCH] changed the closing x

---
 static/css/main.css | 31 ++++++++++++++++++++++++-------
 1 file changed, 24 insertions(+), 7 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index a5c5946..5c589fd 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -303,15 +303,15 @@ div#listofpeople{
   }
 
   div#closehowto {
-    margin-left: 21.3em;
+    /* margin-left: 21.3em; */
 }
 
 div#closeintro {
-    margin-left: 22.2em;
+    /* margin-left: 22.2em; */
 }
 
 div#closeinsert {
-    margin-left: 23.1em;
+    /* margin-left: 23.1em; */
 }
 
 
@@ -494,7 +494,6 @@ button.download {
   overflow-y: scroll;
   position: fixed;
   display: none;
-  padding: 1em 2em 1em 1em;
 }
 
 #insert, #howto {
@@ -509,22 +508,40 @@ button.download {
     width: 100%;
 }
 
+.intro, .howto, .insert {
+  padding: 1em 1em 1em 2em;
+}
+
 #closeintro, #closehowto, #closeinsert {
   float: right;
   cursor: pointer;
   position: fixed;
-  color: #1c1c1c;
   font-weight: bold;
+  padding: 0 0.3em 0.3em 0.3em;
+  border-radius: 50%;
+  margin: 0.5em;
+  background: #1c1c1c;
+}
+
+#closehowto, #closeinsert {
+  color: #f0f0f0;
+}
+
+#closeintro {
+  background:  #f0f0f0;
+  color: #1c1c1c;
 }
 
 #closehowto:hover, #closeinsert:hover {
-  color: #8048b7;
+  background: #f0f0f0;
+  color: #1c1c1c;
 }
 
 #closeintro:hover {
-  color: #f0f0f0;;
+  background: #8143b9;
 }
 
+
 span.method-label {
   text-transform: capitalize;
 }