Googel button revert

Author: simonjonsson87

chat-ui-quince/index.html

@@ -23,16 +23,8 @@
   <div class="container">
     <header class="header">
       <img src="quincefinance480x480_trans.png"/>
-      <button id="google-sign-in">Sign in with Google</button>
-      <div id="g_id_signin" 
-         data-type="standard" 
-         data-size="large"
-         data-theme="outline"
-         data-text="signin_with"
-         data-shape="rectangular"
-         data-logo_alignment="left">
-    </div>
-      <button id="logout-btn" style="display: none;">Logout</button>
+      <button class="google_buttons" id="google-sign-in">Connect with Google</button>
+      <button class="google_buttons"vid="logout-btn" style="display: none;">Logout</button>
     </header>
     <div class="content-wrapper">
       <aside class="sidebar">

chat-ui-quince/src/code.js

@@ -270,19 +270,6 @@ window.addEventListener('load', function() {
         cancel_on_tap_outside: true
     });
 
-    window.google.accounts.id.renderButton(
-        document.getElementById('g_id_signin'),
-        {
-            type: 'standard',    // or 'icon'
-            theme: 'outline',    // or 'filled_blue', 'filled_black'
-            size: 'large',       // or 'medium', 'small'
-            text: 'signin_with', // or 'signin', 'continue_with'
-            shape: 'rectangular', // or 'pill', 'circle', 'square'
-            logo_alignment: 'left', // or 'center'
-            width: 240           // Optional: pixel width
-        }
-    );
-
     const loginBtn = document.getElementById('google-sign-in');
     if (!loginBtn) {
         console.error('Login button not found');

chat-ui-quince/src/style.css

@@ -335,3 +335,10 @@ body {
   display: none;
 }
 
+
+.google_buttons {
+  background-color: white;
+  font-size: 20px;
+  border-radius: 100;
+  color: black;
+}