From f8f6028db202b49c70b2935aae6a3d41490afd1f Mon Sep 17 00:00:00 2001
From: Pierre Ranwez <pierre.ranwez.etu@univ-lille.fr>
Date: Thu, 10 Feb 2022 17:59:27 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20ui:=20cursor=20and=20width?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 style.css | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/style.css b/style.css
index d9f4636..f2870e6 100644
--- a/style.css
+++ b/style.css
@@ -1,8 +1,11 @@
 body {
   background-color: #00204b;
   color: white;
-  width: 600px;
+  min-width: 600px;
+  width: 98%;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  margin: 0;
+  padding: 0;
 }
 
 #editor {
@@ -16,7 +19,7 @@ body {
   grid-template-columns: repeat(3, 1fr);
   grid-column-gap: 10px;
   grid-row-gap: 10px;
-  margin-bottom: 10px;
+  margin: 12px;
 }
 
 .actions button {
@@ -40,10 +43,11 @@ body {
 .midiI:hover,
 .onOff:hover,
 .audioI:hover {
-  background: red;
+  background: #43B181;
+  cursor: pointer;
 }
 .active {
-  border-color: red;
+  border-color: #43B181;
   animation: heartbeat 1.5s ease-in-out infinite both;
 }
 
@@ -147,7 +151,7 @@ details[open] summary:after {
 }
 
 details {
-  margin-bottom: 12px;
+  margin: 12px;
   padding-top: 12px;
   border-top: rgba(255, 255, 255, 0.3) solid 1px;
 }
@@ -163,6 +167,7 @@ details[open] > *:not(summary) {
 }
 summary {
   font-size: 17px;
+  cursor: pointer;
 }
 
 table {
-- 
GitLab