sign in page google sign in button style

Author: mariosp

src/app/pages/sign-in/sign-in.component.css

@@ -16,11 +16,15 @@
   color: var(--color4);
 }
 
-.sign-in-button {
+.sign-in-button-g {
   background: var(--color4);
 }
 
-.sign-in-button img {
+.sign-in-button-g img {
   height: 20px;
   width: 20px;
 }
+
+.inner-text-g{
+  color: var(--color2);
+}

src/app/pages/sign-in/sign-in.component.html

@@ -1,18 +1,8 @@
-<!--<mat-card class="card mat-elevation-z3">-->
-<!--  <mat-card-header class="card-header">-->
-<!--    <mat-card-title class="header-text">Sign In</mat-card-title>-->
-<!--  </mat-card-header>-->
-<!--  <mat-card-content>-->
-<!--    <button mat-raised-button>Google</button>-->
-
-<!--  </mat-card-content>-->
-<!--</mat-card>-->
-
 <div class="wrapper">
   <h2 class="title">To-do app</h2>
   <h2 class="subtitle">Sign in</h2>
-  <button mat-raised-button class="sign-in-button">
+  <button mat-raised-button class="sign-in-button-g">
     <img src="assets/icons/google-logo.png" />
-    <span>Google</span>
+    <span class="inner-text-g">Google</span>
   </button>
 </div>