From 623007d9c34f115ec2a384b7bb62df5d81ece359 Mon Sep 17 00:00:00 2001
From: Siddharth Bansal <sidd190bansal@gmail.com>
Date: Mon, 26 Jan 2026 21:31:18 +0530
Subject: [PATCH 1/3] Replace mat-chip Sign in button with Sign in with Google
 button

---
 .../sign-in-page/sign-in-page.component.html  | 12 ++++-
 .../sign-in-page/sign-in-page.component.scss  | 48 +++++++++++++++++++
 2 files changed, 59 insertions(+), 1 deletion(-)

diff --git a/web/src/app/components/shared/sign-in-page/sign-in-page.component.html b/web/src/app/components/shared/sign-in-page/sign-in-page.component.html
index 443337bf8..27ec870a4 100644
--- a/web/src/app/components/shared/sign-in-page/sign-in-page.component.html
+++ b/web/src/app/components/shared/sign-in-page/sign-in-page.component.html
@@ -26,7 +26,17 @@
         Sign in to continue
       </p>
       <div class="buttons">
-        <button mat-flat-button color="primary" (click)="onGoogleSignIn()">
+        <button 
+          class="google-signin-btn" 
+          (click)="onGoogleSignIn()"
+          type="button"
+          aria-label="Sign in with Google">
+          <svg class="google-logo" viewBox="0 0 24 24" aria-hidden="true">
+            <path fill="#4285F4" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"/>
+            <path fill="#34A853" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"/>
+            <path fill="#FBBC05" d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"/>
+            <path fill="#EA4335" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"/>
+          </svg>
           Sign in with Google
         </button>
       </div>
diff --git a/web/src/app/components/shared/sign-in-page/sign-in-page.component.scss b/web/src/app/components/shared/sign-in-page/sign-in-page.component.scss
index 4225ed1a7..f42420fb5 100644
--- a/web/src/app/components/shared/sign-in-page/sign-in-page.component.scss
+++ b/web/src/app/components/shared/sign-in-page/sign-in-page.component.scss
@@ -42,4 +42,52 @@
 
 .buttons {
   margin-top: 48px;
+  display: flex;
+  justify-content: center;
+}
+
+.google-signin-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  padding: 12px 24px;
+  border: 1px solid #dadce0;
+  border-radius: 4px;
+  background-color: #fff;
+  color: #3c4043;
+  font-family: 'Google Sans', Roboto, Arial, sans-serif;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  min-height: 40px;
+
+  &:hover {
+    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
+    background-color: #f8f9fa;
+  }
+
+  &:active {
+    background-color: #f1f3f4;
+    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
+  }
+
+  &:focus {
+    outline: none;
+    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
+  }
+
+  &:disabled {
+    background-color: #f1f3f4;
+    color: #9aa0a6;
+    cursor: not-allowed;
+    border-color: #f1f3f4;
+  }
+}
+
+.google-logo {
+  width: 18px;
+  height: 18px;
+  flex-shrink: 0;
 }

From 0ae6f1ee1376ea6f0d035d732fa574af7c859d36 Mon Sep 17 00:00:00 2001
From: Siddharth Bansal <sidd190bansal@gmail.com>
Date: Sun, 1 Mar 2026 14:51:36 +0530
Subject: [PATCH 2/3] Fix according to review and add logo element as per
 branding guidelines

---
 .../shared/sign-in-page/sign-in-page.component.html    | 10 ++--------
 .../shared/sign-in-page/sign-in-page.component.scss    |  8 +-------
 web/src/assets/img/web_light_rd_na.svg                 |  6 ++++++
 3 files changed, 9 insertions(+), 15 deletions(-)
 create mode 100644 web/src/assets/img/web_light_rd_na.svg

diff --git a/web/src/app/components/shared/sign-in-page/sign-in-page.component.html b/web/src/app/components/shared/sign-in-page/sign-in-page.component.html
index 27ec870a4..9ef6fed0e 100644
--- a/web/src/app/components/shared/sign-in-page/sign-in-page.component.html
+++ b/web/src/app/components/shared/sign-in-page/sign-in-page.component.html
@@ -29,14 +29,8 @@
         <button 
           class="google-signin-btn" 
           (click)="onGoogleSignIn()"
-          type="button"
-          aria-label="Sign in with Google">
-          <svg class="google-logo" viewBox="0 0 24 24" aria-hidden="true">
-            <path fill="#4285F4" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"/>
-            <path fill="#34A853" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"/>
-            <path fill="#FBBC05" d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"/>
-            <path fill="#EA4335" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"/>
-          </svg>
+          type="button">
+          <img src="assets/img/web_light_rd_na.svg" alt="" class="google-logo" />
           Sign in with Google
         </button>
       </div>
diff --git a/web/src/app/components/shared/sign-in-page/sign-in-page.component.scss b/web/src/app/components/shared/sign-in-page/sign-in-page.component.scss
index f42420fb5..0e5dad9ca 100644
--- a/web/src/app/components/shared/sign-in-page/sign-in-page.component.scss
+++ b/web/src/app/components/shared/sign-in-page/sign-in-page.component.scss
@@ -51,7 +51,7 @@
   align-items: center;
   justify-content: center;
   gap: 12px;
-  padding: 12px 24px;
+  padding: 0 0 12px 0;
   border: 1px solid #dadce0;
   border-radius: 4px;
   background-color: #fff;
@@ -85,9 +85,3 @@
     border-color: #f1f3f4;
   }
 }
-
-.google-logo {
-  width: 18px;
-  height: 18px;
-  flex-shrink: 0;
-}
diff --git a/web/src/assets/img/web_light_rd_na.svg b/web/src/assets/img/web_light_rd_na.svg
new file mode 100644
index 000000000..ccfb4ada0
--- /dev/null
+++ b/web/src/assets/img/web_light_rd_na.svg
@@ -0,0 +1,6 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M17.64 9.20454C17.64 8.56636 17.5827 7.95272 17.4764 7.36363H9V10.845H13.8436C13.635 11.97 13.0009 12.9231 12.0477 13.5613V15.8195H14.9564C16.6582 14.2527 17.64 11.9454 17.64 9.20454Z" fill="#4285F4"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.99976 18C11.4298 18 13.467 17.1941 14.9561 15.8195L12.0475 13.5613C11.2416 14.1013 10.2107 14.4204 8.99976 14.4204C6.65567 14.4204 4.67158 12.8372 3.96385 10.71H0.957031V13.0418C2.43794 15.9831 5.48158 18 8.99976 18Z" fill="#34A853"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M3.96409 10.71C3.78409 10.17 3.68182 9.59318 3.68182 9C3.68182 8.40682 3.78409 7.83 3.96409 7.29V4.95818H0.957273C0.347727 6.17318 0 7.54773 0 9C0 10.4523 0.347727 11.8268 0.957273 13.0418L3.96409 10.71Z" fill="#FBBC05"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.99976 3.57955C10.3211 3.57955 11.5075 4.03364 12.4402 4.92545L15.0216 2.34409C13.4629 0.891818 11.4257 0 8.99976 0C5.48158 0 2.43794 2.01682 0.957031 4.95818L3.96385 7.29C4.67158 5.16273 6.65567 3.57955 8.99976 3.57955Z" fill="#EA4335"/>
+</svg>

From c09d79b5e51f8a6e9e71389b78afd4917e2f9d37 Mon Sep 17 00:00:00 2001
From: Roberto Fontanarosa <robertofontanarosa@gmail.com>
Date: Sun, 1 Mar 2026 16:31:58 +0100
Subject: [PATCH 3/3] Update Google sign-in button text for localization

---
 .../shared/sign-in-page/sign-in-page.component.html          | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/src/app/components/shared/sign-in-page/sign-in-page.component.html b/web/src/app/components/shared/sign-in-page/sign-in-page.component.html
index c64f0abd3..127205477 100644
--- a/web/src/app/components/shared/sign-in-page/sign-in-page.component.html
+++ b/web/src/app/components/shared/sign-in-page/sign-in-page.component.html
@@ -33,9 +33,10 @@
         <button 
           class="google-signin-btn" 
           (click)="onGoogleSignIn()"
-          type="button">
+          type="button"
+        >
           <img src="assets/img/web_light_rd_na.svg" alt="" class="google-logo" />
-          Sign in with Google
+          <span i18n="@@app.login.signInWithGoogle">Sign in with Google</span>
         </button>
       </div>
     </mat-card-content>