From 38e42723a916b7d5c2a15e514b3f3e6dcab398dd Mon Sep 17 00:00:00 2001
From: Joris
Date: Sat, 8 Aug 2020 21:04:28 +0200
Subject: Propose already defined colors in the form

---
 public/main.css | 41 ++++++++++++++++++++++++++++++++++-------
 1 file changed, 34 insertions(+), 7 deletions(-)

(limited to 'public')

diff --git a/public/main.css b/public/main.css
index c93be65..ae0e74e 100644
--- a/public/main.css
+++ b/public/main.css
@@ -17,11 +17,14 @@ body {
 }
 
 .g-Layout__Header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
   background-color: var(--color-header);
   color: white;
   font-size: 2rem;
   height: 3rem;
-  line-height: 3rem;
   padding: 0 0.5rem;
 }
 
@@ -49,6 +52,10 @@ body {
 
 /* Modal */
 
+:root {
+  --modal-border-radius: 1rem;
+}
+
 #g-Modal {
   z-index: 1000;
   position: absolute;
@@ -73,19 +80,17 @@ body {
 .g-Modal__Window {
   position: relative;
   background-color: white;
-  border-radius: 1rem;
+  border-radius: var(--modal-border-radius);
   padding: 2rem 4rem;
   width: 50%;
 }
 
 .g-Modal__Close {
   position: absolute;
-  top: 2rem;
-  right: 2rem;
-  cursor: pointer;
-  border: none;
-  background-color: transparent;
+  top: 0px;
+  right: 0px;
   font-size: 200%;
+  border-top-right-radius: var(--modal-border-radius);
 }
 
 .g-Modal__Close:hover {
@@ -140,6 +145,13 @@ body {
   height: 5rem;
 }
 
+.g-Form__DefaultColor {
+  border: 1px solid #333333 !important;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+}
+
 /* Autocomplete */
 
 :root {
@@ -178,6 +190,21 @@ body {
 
 /* Button */
 
+.g-Button__Raw {
+  cursor: pointer;
+  background-color: transparent;
+  border: none;
+  color: inherit;
+}
+
+.g-Button__Text {
+  cursor: pointer;
+  background-color: transparent;
+  border: none;
+  color: inherit;
+  text-decoration: underline;
+}
+
 .g-Button__Action {
   background-color: green;
   color: white;
-- 
cgit v1.2.3