From 8cf50584562b8d06793835affb70f7cb189b1f05 Mon Sep 17 00:00:00 2001
From: "tabler.developer@gmail.com" <tabler.developer@gmail.com>
Date: Tue, 15 Aug 2023 21:50:59 +0200
Subject: [PATCH] add google-brand icon

---
 site/components/Icon.tsx   | 17 +++++++++++++++++
 site/components/Signin.tsx |  2 +-
 site/styles/_buttons.scss  |  1 +
 site/styles/_grid.scss     |  4 ++++
 4 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/site/components/Icon.tsx b/site/components/Icon.tsx
index 63f189cc1..cc5a27052 100644
--- a/site/components/Icon.tsx
+++ b/site/components/Icon.tsx
@@ -33,6 +33,23 @@ const icons = {
     >
       <path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" />
     </svg>
+  ),  
+  'brand-google': ({ className }) => (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      className={clsx('icon icon-tabler icon-tabler-brand-google', className)}
+      width={24}
+      height={24}
+      viewBox="0 0 24 24"
+      strokeWidth="2"
+      stroke="currentColor"
+      fill="none"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+      <path d="M17.788 5.108a9 9 0 1 0 3.212 6.892h-8"></path>
+    </svg>
   ),
   'brand-sketch': ({ className }) => (
     <svg
diff --git a/site/components/Signin.tsx b/site/components/Signin.tsx
index 725c1e354..a38a6cd32 100644
--- a/site/components/Signin.tsx
+++ b/site/components/Signin.tsx
@@ -49,7 +49,7 @@ export default function Signin() {
             </div>
             <div className="col">
               <a onClick={() => handleLogin('google')} className="btn w-100">
-                {/* <Icon name="brand-google"/> */}
+                <Icon name="brand-google"/>
                 Login with Google
               </a>
             </div>            
diff --git a/site/styles/_buttons.scss b/site/styles/_buttons.scss
index 1d838479c..b618c90af 100644
--- a/site/styles/_buttons.scss
+++ b/site/styles/_buttons.scss
@@ -46,6 +46,7 @@
 
   .icon {
     width: divide(20, 16) * 1em;
+    min-width: divide(20, 16) * 1em;
     height: divide(20, 16) * 1em;
     vertical-align: bottom;
     margin-right: $gap-2;
diff --git a/site/styles/_grid.scss b/site/styles/_grid.scss
index 395344218..8c8c1f49d 100644
--- a/site/styles/_grid.scss
+++ b/site/styles/_grid.scss
@@ -1,3 +1,7 @@
+.row > * {
+  min-width: 0;
+}
+
 .container,
 .container-fluid {
   width: 100%;