[CST-5668] fix issue with cards margin with small window

This commit is contained in:
Giuseppe Digilio
2022-06-14 18:21:33 +02:00
parent 09be33582b
commit 94281fd60e
3 changed files with 10 additions and 10 deletions

View File

@@ -1,12 +1,12 @@
<div class="container">
<div class="container mb-5">
<h2>{{'person.orcid.registry.auth' | translate}}</h2>
<ng-container *ngIf="(isLinkedToOrcid() | async); then orcidLinked; else orcidNotLinked"></ng-container>
</div>
<ng-template #orcidLinked>
<div data-test="orcidLinked">
<div class="row mb-3">
<div *ngIf="(hasOrcidAuthorizations() | async)" class="col-sm-6" data-test="hasOrcidAuthorizations">
<div class="row">
<div *ngIf="(hasOrcidAuthorizations() | async)" class="col-sm-6 mb-3" data-test="hasOrcidAuthorizations">
<div class="card h-100">
<div class="card-header">{{ 'person.page.orcid.granted-authorizations'| translate }}</div>
<div class="card-body">
@@ -20,7 +20,7 @@
</div>
</div>
</div>
<div class="col-sm-6">
<div class="col-sm-6 mb-3">
<div class="card h-100">
<div class="card-header">{{ 'person.page.orcid.missing-authorizations'| translate }}</div>
<div class="card-body">

View File

@@ -13,6 +13,6 @@
<ds-alert [type]="'alert-danger'">{{'person.page.orcid.link.error.message' | translate}}</ds-alert>
</div>
<ng-container *ngIf="!(processingConnection | async) && (item | async) && (connectionStatus | async)" >
<ds-orcid-auth [item]="(item | async)" (unlink)="updateItem()" class="mb-5" data-test="orcid-auth"></ds-orcid-auth>
<ds-orcid-auth [item]="(item | async)" (unlink)="updateItem()" data-test="orcid-auth"></ds-orcid-auth>
<ds-orcid-sync-setting *ngIf="isLinkedToOrcid()" [item]="(item | async)" data-test="orcid-sync-setting"></ds-orcid-sync-setting>
</ng-container>

View File

@@ -1,4 +1,4 @@
<div class="container">
<div class="container mb-5">
<h2>{{'person.orcid.sync.setting' | translate}}</h2>
<form #f="ngForm" (ngSubmit)="onSubmit(f.form)">
<div class="row mb-3">
@@ -25,8 +25,8 @@
</div>
</div>
</div>
<div class="row mb-3">
<div class="col-md">
<div class="row">
<div class="col-md mb-3">
<div class="card h-100" data-test="sync-mode-publication">
<div class="card-header">{{ 'person.page.orcid.publications-preferences'| translate }}</div>
<div class="card-body">
@@ -49,7 +49,7 @@
</div>
</div>
</div>
<div class="col-md">
<div class="col-md mb-3">
<div class="card h-100" data-test="sync-mode-funding">
<div class="card-header">{{ 'person.page.orcid.funding-preferences'| translate }}</div>
<div class="card-body">
@@ -71,7 +71,7 @@
</div>
</div>
</div>
<div class="col-md">
<div class="col-md mb-3">
<div class="card h-100" data-test="profile-preferences">
<div class="card-header">{{ 'person.page.orcid.profile-preferences'| translate }}</div>
<div class="card-body">