From a56fd43871c134d54b0477959f656abeea7487d9 Mon Sep 17 00:00:00 2001
From: Greg Fodor <gfodor@gmail.com>
Date: Tue, 2 Oct 2018 15:17:13 +0000
Subject: [PATCH] Clean up dialogs

---
 src/assets/stylesheets/hub-create.scss  |  2 +-
 src/assets/stylesheets/info-dialog.scss | 28 +++++++++++++------------
 src/assets/stylesheets/shared.scss      | 13 ++++++------
 3 files changed, 23 insertions(+), 20 deletions(-)

diff --git a/src/assets/stylesheets/hub-create.scss b/src/assets/stylesheets/hub-create.scss
index 7e576ef24..bc9145df6 100644
--- a/src/assets/stylesheets/hub-create.scss
+++ b/src/assets/stylesheets/hub-create.scss
@@ -122,7 +122,7 @@
           height: 100%;
           top: 0;
           left: 0;
-          background: linear-gradient(0deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.0) 50%, rgba(0,0,0,0.2) 100%); 
+          background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.0) 50%, rgba(0,0,0,0.4) 100%); 
 
           :local(.custom-button) {
             @extend %default-font;
diff --git a/src/assets/stylesheets/info-dialog.scss b/src/assets/stylesheets/info-dialog.scss
index 6e82b7450..447500bef 100644
--- a/src/assets/stylesheets/info-dialog.scss
+++ b/src/assets/stylesheets/info-dialog.scss
@@ -4,7 +4,7 @@
   top: 0;
   left: 0;
   position: fixed;
-  color: white;
+  color: black;
   z-index: 2;
 }
 
@@ -14,7 +14,7 @@
   grid-template-rows: 1fr 20px minmax(200px, max-content) 20px 1fr;
   width: 100%;
   height: 100%;
-  background-color: rgba(0,0,0,.2);
+  background-color: rgba(0,0,0,.85);
 
   &__box {
     grid-column: 3;
@@ -24,13 +24,13 @@
 
     &__contents {
       padding: 30px;
-      background-color: rgba(0,0,0,0.9);
       box-shadow: 0px 0px 30px 1px #202020;
-      border-radius: 8px;
+      border-radius: 12px;
       display: flex;
       flex-direction: column;
       text-align: center;
       position: relative;
+      background-color: white;
 
       &__title {
         @extend %top-title;
@@ -38,15 +38,16 @@
       }
 
       &__body {
-        font-size: 1.1em;
-        color: $grey-text;
+        font-size: 0.9em;
+        font-weight: bold;
+        color: black;
         display: flex;
         flex-direction: column;
         height: 100%;
         overflow-y: auto;
         margin: 10px 0;
 
-        a { color: white }
+        a { color: black }
       }
 
       &__links {
@@ -55,7 +56,7 @@
         margin: 16px 0;
         a {
           margin: 0 12px;
-          color: $light-text;
+          color: black;
         }
       }
 
@@ -64,8 +65,9 @@
         position: absolute;
         right: 12px;
         top: 6px;
-        color: white;
-        font-size: 1.4em;
+        color: black;
+        font-size: 1.8em;
+        font-weight: bold;
 
         background: none;
         cursor: pointer;
@@ -100,7 +102,7 @@
   &__link_field {
     @extend %rounded-border;
     @extend %default-font;
-    color: $light-text;
+    color: black;
     font-size: 1.2em;
     background-color: transparent;
     line-height: 2.0em;
@@ -143,10 +145,10 @@
   &__email_field {
     @extend %rounded-border;
     @extend %default-font;
-    color: $light-text;
+    color: black;
     font-size: 1.2em;
     background-color: transparent;
-    line-height: 2.0em;
+    line-height: 2.5em;
     padding-left: 1.25em;
     padding-right: 1.25em;
     margin: 0.5em 0;
diff --git a/src/assets/stylesheets/shared.scss b/src/assets/stylesheets/shared.scss
index bcbd9deb5..1787895d2 100644
--- a/src/assets/stylesheets/shared.scss
+++ b/src/assets/stylesheets/shared.scss
@@ -34,9 +34,9 @@ $action-color: #FF3464;
 }
 
 %rounded-border {
-  border: 3px solid white;
+  border: 1px solid #e2e2e2;
   box-sizing: border-box;
-  border-radius: 14px;
+  border-radius: 10px;
 }
 
 %form-field-on-white {
@@ -93,7 +93,7 @@ $action-color: #FF3464;
   font-weight: bold;
   cursor: pointer;
   border: 0;
-  border-radius: 26px;
+  border-radius: 28px;
   padding: 18px 18px;
 
   background: #FF3464;
@@ -104,6 +104,7 @@ $action-color: #FF3464;
   flex-direction: column;
   justify-content: center;
   min-width: 150px;
+  min-height: 54px;
 }
 
 %action-button-selected {
@@ -144,15 +145,15 @@ $action-color: #FF3464;
   -webkit-appearance: none;
   width: 2em;
   height: 2em;
-  border: 3px solid white;
+  border: 1px solid #e2e2e2;
   border-radius: 9px;
   vertical-align: sub;
   margin: 0 0.6em
 }
 
 %checkbox-checked {
-  border: 9px double white;
-  outline: 9px solid white;
+  border: 9px double #aaa;
+  outline: 9px solid #aaa;
   outline-offset: -18px;
 }
 
-- 
GitLab