Fixes bug on style of inactive login providers.

dmp-frontend/src/app/ui/auth/login/login.component.html

@@ -2,24 +2,24 @@
 	<div class="login-logo"></div>
 	<div class="card login-card">
 		<div class="container card-header">
-			<div class="row social-btns">
+			<div *ngIf="hasGoogleOauth()" class="row social-btns">
 				<div class="col">
-					<button *ngIf="hasGoogleOauth()" mat-icon-button id="googleSignInButton" class="login-social-button">
+					<button mat-icon-button id="googleSignInButton" class="login-social-button">
 						<i class="fa fa-google"></i>
 					</button>
 				</div>
-				<div class="col">
-					<button *ngIf="hasLinkedInOauth()" mat-icon-button class="login-social-button">
+				<div *ngIf="hasLinkedInOauth()" class="col">
+					<button mat-icon-button class="login-social-button">
 						<i class="fa fa-linkedin" (click)="linkedInLogin()"></i>
 					</button>
 				</div>
-				<div class="col">
-					<button *ngIf="hasFacebookOauth()" mat-icon-button (click)="facebookLogin()" class="login-social-button">
+				<div *ngIf="hasFacebookOauth()" class="col">
+					<button mat-icon-button (click)="facebookLogin()" class="login-social-button">
 						<i class="fa fa-facebook-square"></i>
 					</button>
 				</div>
-				<div class="col">
-					<button *ngIf="hasTwitterOauth()" mat-icon-button (click)="twitterLogin()" class="login-social-button">
+				<div *ngIf="hasTwitterOauth()" class="col">
+					<button mat-icon-button (click)="twitterLogin()" class="login-social-button">
 						<i class="fa fa-twitter"></i>
 					</button>
 				</div>
@@ -27,20 +27,20 @@
 			<div class="w-100"></div>
 			<div class="row pt-2 mb-4 accesss-methods">
 				<!-- <div class="col justify-content-center"> -->
-				<div class="col-auto logo">
-					<button *ngIf="hasB2AccessOauth()" class="b2access-button" mat-icon-button (click)="b2AccessLogin()" class="login-social-button">
+				<div *ngIf="hasB2AccessOauth()" class="col-auto logo">
+					<button class="b2access-button" mat-icon-button (click)="b2AccessLogin()" class="login-social-button">
 						<span class="iconmedium"></span>
 						<!-- <span></span> -->
 					</button>
 				</div>
-				<div class="col-auto orcid-logo">
-					<button *ngIf="hasOrcidOauth()" class="orcid-button" mat-icon-button (click)="orcidLogin()" class="login-social-button">
+				<div *ngIf="hasOrcidOauth()" class="col-auto orcid-logo">
+					<button class="orcid-button" mat-icon-button (click)="orcidLogin()" class="login-social-button">
 						<span class="orcidIconMedium"></span>
 						<!-- <span></span> -->
 					</button>
 				</div>
-				<div class="col-auto openaire-logo">
-					<button *ngIf="hasOpenAireOauth()" class="openaire-button" mat-icon-button (click)="openaireLogin()" class="login-social-button">
+				<div *ngIf="hasOpenAireOauth()" class="col-auto openaire-logo">
+					<button class="openaire-button" mat-icon-button (click)="openaireLogin()" class="login-social-button">
 						<span class="openaireIcon"></span>
 						<!-- <span></span> -->
 					</button>