Propose already defined colors in the form

1 files changed, 34 insertions, 7 deletions

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;