From b8cdb26e70116b8844183201ddfe11af5bcd48ec Mon Sep 17 00:00:00 2001
From: Sanne de Vries <sannedv@protonmail.com>
Date: Thu, 29 Apr 2021 15:01:42 +0200
Subject: [PATCH] Styled Google OAuth login button

Refs https://github.com/TryGhost/Team/issues/612
---
 ghost/admin/app/styles/layouts/flow.css     | 5 ++++-
 ghost/admin/app/styles/patterns/buttons.css | 2 +-
 ghost/admin/app/templates/signin.hbs        | 5 ++---
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/ghost/admin/app/styles/layouts/flow.css b/ghost/admin/app/styles/layouts/flow.css
index 4b1219c80a..9382059f3d 100644
--- a/ghost/admin/app/styles/layouts/flow.css
+++ b/ghost/admin/app/styles/layouts/flow.css
@@ -253,13 +253,16 @@
     text-align: center;
     margin-top: 25px;
     margin-bottom: 25px;
+    font-size: 1.4rem;
+    font-weight: 400;
+    text-transform: uppercase;
 }
 
 .gh-separator::before,
 .gh-separator::after {
   content: '';
   flex: 1;
-  border-bottom: 1px solid var(--midgrey);
+  border-bottom: 1px solid var(--lightgrey);
 }
 
 .gh-separator:not(:empty)::before {
diff --git a/ghost/admin/app/styles/patterns/buttons.css b/ghost/admin/app/styles/patterns/buttons.css
index be8253ad12..2ad2c12534 100644
--- a/ghost/admin/app/styles/patterns/buttons.css
+++ b/ghost/admin/app/styles/patterns/buttons.css
@@ -260,7 +260,7 @@ fieldset[disabled] .gh-btn {
 .gh-btn-block svg {
     width: 1em;
     height: 1em;
-    margin-right: 0.5em;
+    margin-right: 0.6em;
     fill: #fff;
 }
 
diff --git a/ghost/admin/app/templates/signin.hbs b/ghost/admin/app/templates/signin.hbs
index d339eab3fc..bcb3a9b940 100644
--- a/ghost/admin/app/templates/signin.hbs
+++ b/ghost/admin/app/templates/signin.hbs
@@ -27,9 +27,8 @@
                 {{#if this.config.oauth}}
                     <a
                         href="/ghost/oauth/google"
-                        class="login gh-btn gh-btn-login gh-btn-block gh-btn-icon gh-center"
-                        style="background: {{this.accentColor}};">
-                        <span>Sign in with Google &rarr;</span>
+                        class="login gh-btn gh-btn-login gh-btn-block gh-btn-white gh-btn-icon gh-center">
+                        <span style="color: #15171a;">{{svg-jar "google-favicon"}}Sign in with Google</span>
                     </a>
 
                     <div class="gh-separator">