From 587be246febbfda3e96f562b3db89008f2ce66d1 Mon Sep 17 00:00:00 2001
From: Bill Stavroulakis <bstavroulakis@mesosphere.io>
Date: Wed, 2 May 2018 13:48:50 -0700
Subject: [PATCH] fix(privacy): fix privacy link colors

Fix privacy link colors.
---
 src/js/components/modals/UserFormModal.js         |  2 +-
 src/styles/components/modal/login/styles.less     |  4 ++++
 src/styles/components/modal/login/variables.less  | 10 +++++-----
 src/styles/layout/alignment-utilities/styles.less |  4 ----
 src/styles/layout/styles.less                     |  4 ++++
 5 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/js/components/modals/UserFormModal.js b/src/js/components/modals/UserFormModal.js
index b19496bf82..4d7c19d85e 100644
--- a/src/js/components/modals/UserFormModal.js
+++ b/src/js/components/modals/UserFormModal.js
@@ -124,7 +124,7 @@ class UserFormModal extends mixin(StoreMixin) {
           By adding a user you understand we will process personal information in accordance with our
           {" "}
           <a
-            className="small inverse unset-display"
+            className="reset-color"
             href="https://mesosphere.com/privacy/"
             target="_blank"
           >
diff --git a/src/styles/components/modal/login/styles.less b/src/styles/components/modal/login/styles.less
index 8813459edb..4f4ca6f4c0 100644
--- a/src/styles/components/modal/login/styles.less
+++ b/src/styles/components/modal/login/styles.less
@@ -59,6 +59,10 @@
         transform: translateX(-50%);
         width: 100%;
       }
+
+      .login-modal-product-name a {
+        color: inherit;
+      }
     }
   }
 }
diff --git a/src/styles/components/modal/login/variables.less b/src/styles/components/modal/login/variables.less
index 4b19955a53..393360c5f4 100644
--- a/src/styles/components/modal/login/variables.less
+++ b/src/styles/components/modal/login/variables.less
@@ -48,8 +48,8 @@
  * Login Modal Product Name
  */
 
-@login-modal-product-name-vertical-offset: -(16px + (3 * @base-spacing-unit));
-@login-modal-product-name-vertical-offset-screen-small: -(16px + (3 * @base-spacing-unit-screen-small));
-@login-modal-product-name-vertical-offset-screen-medium: -(16px + (3 * @base-spacing-unit-screen-medium));
-@login-modal-product-name-vertical-offset-screen-large: -(16px + (3 * @base-spacing-unit-screen-large));
-@login-modal-product-name-vertical-offset-screen-jumbo: -(16px + (3 * 0.75 * @base-spacing-unit-screen-jumbo));
+@login-modal-product-name-vertical-offset: -((4 * @base-spacing-unit));
+@login-modal-product-name-vertical-offset-screen-small: -((4 * @base-spacing-unit-screen-small));
+@login-modal-product-name-vertical-offset-screen-medium: -((4 * @base-spacing-unit-screen-medium));
+@login-modal-product-name-vertical-offset-screen-large: -((4 * @base-spacing-unit-screen-large));
+@login-modal-product-name-vertical-offset-screen-jumbo: -((4 * 0.75 * @base-spacing-unit-screen-jumbo));
diff --git a/src/styles/layout/alignment-utilities/styles.less b/src/styles/layout/alignment-utilities/styles.less
index 46e25b244e..603acdb6e0 100644
--- a/src/styles/layout/alignment-utilities/styles.less
+++ b/src/styles/layout/alignment-utilities/styles.less
@@ -11,7 +11,3 @@
   flex-direction: column;
   width: 100%;
 }
-
-.unset-display {
-  display: unset;
-}
diff --git a/src/styles/layout/styles.less b/src/styles/layout/styles.less
index b8c859cb38..f32128d4ad 100644
--- a/src/styles/layout/styles.less
+++ b/src/styles/layout/styles.less
@@ -69,6 +69,10 @@ body,
   outline: none;
 }
 
+.reset-color {
+  color: inherit;
+}
+
 /* Scrollable Container */
 
 .container-scrollable {