Finished groups

Server/app/svelte/src/auth/auth-component.svelte

@@ -67,6 +67,7 @@
 
 <style>
     @import '/css/common.css';
+    @import '/css/auth.css';
 
     span {
         font-size: 1.4rem;
@@ -91,7 +92,7 @@
         display: flex;
         position: absolute;
         margin: auto;
-        top: 40%;
+        top: 40%;/*40%;*/
         left: 50%;
         transform: translate(-50%, -50%);
         width: 5.4rem;
@@ -115,7 +116,7 @@
         }
 
         #auth-or {
-            top: 46.4rem;
+            top: 40rem;/*46.4rem;*/
         }
 
         #auth-group {

Server/app/svelte/src/auth/login-component.svelte

@@ -81,13 +81,14 @@
     </div>
     <button class="auth-button" on:click="{() => AuthTools.login(msgs,inputs)}">Log in</button>
     <a id="forgot-password" href="forgot-password">Forgot password?</a>
+    <!--
     <hr class="auth-line">
     <div class="auth-methods-group">
         <div id="google-btn-wrapper">
             <div bind:this={googleButton} id="google-btn"></div>
             <img src="/img/auth/google_icon.svg" id="google-logo" alt="google icon">
         </div>
-        <!--
+       
         <button on:click={openGoogleWindow}>
             <img src="img/auth/google_icon.svg" id="navbar-logo" alt="google icon">
         </button>
@@ -96,8 +97,9 @@
         </button>
         <button onclick="">
             <img src="img/auth/linkedin_icon.svg" id="navbar-logo" alt="linkedin icon">
-        </button>-->
+        </button>
     </div>
+    -->
 </div>
 
 <style>

Server/app/svelte/src/auth/signup-component.svelte

@@ -111,18 +111,20 @@
     </div>
     <button class="auth-button" on:click="{showDialog}">Sign up</button> <!--() => AuthTools.signup(msgs,inputs,AuthTools.toLandingPage)-->
     <p id="forgot-password"></p>
+    <!--
     <hr class="auth-line">
     <div class="auth-methods-group">
         <button on:click="{showDialog}">
             <img src="/img/auth/google_icon.svg" id="navbar-logo" alt="google icon">
         </button>
-        <!--<button onclick="">
+        <button onclick="">
             <img src="img/auth/facebook_icon.svg" id="navbar-logo" alt="facebook icon">
         </button>
         <button onclick="">
             <img src="img/auth/linkedin_icon.svg" id="navbar-logo" alt="linkedin icon">
-        </button>-->
+        </button>
     </div>
+    -->
 </div>
 
 <div bind:this={dialog} id="dialog">