MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

styling changes 

*changed sizing for editors and listings
This commit is contained in:
Sofia Papacharalampous 2024-03-29 14:41:19 +02:00
parent 21e6015f89
commit f8b7bfc96c
45 changed files with 1793 additions and 1744 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
dmp-frontend/src/app/ui/admin/description-template/listing/description-template-listing.component.html
View File

@ -1,7 +1,7 @@
<div class="row description-template-listing"> <div class="container-fluid">
<div class="col-md-8 offset-md-2"> <div class="row description-template-listing">
<div class="col-md-10 offset-md-1">
<div class="row mb-4 mt-3"> <div class="row mb-4 mt-4">
<div class="col"> <div class="col">
<h4>{{'DESCRIPTION-TEMPLATE-LISTING.TITLE' | translate}}</h4> <h4>{{'DESCRIPTION-TEMPLATE-LISTING.TITLE' | translate}}</h4>
<app-navigation-breadcrumb /> <app-navigation-breadcrumb />
@ -32,7 +32,7 @@
<mat-icon>download</mat-icon> <mat-icon>download</mat-icon>
</button> --> </button> -->
</app-hybrid-listing> </app-hybrid-listing>
</div>
</div> </div>
</div> </div>

6
dmp-frontend/src/app/ui/admin/description-template/listing/description-template-listing.component.scss
View File

@ -4,9 +4,9 @@
} }
.description-template-listing { .description-template-listing {
margin-top: 1.3rem; // margin-top: 1.3rem;
margin-left: 1rem; // margin-left: 1rem;
margin-right: 2rem; // margin-right: 2rem;
.mat-header-row { .mat-header-row {
background: #f3f5f8; background: #f3f5f8;

16
dmp-frontend/src/app/ui/admin/description-types/editor/description-template-type-editor.component.html
View File

@ -1,7 +1,8 @@
<div class="row description-template-type-editor"> <div class="container-fluid">
<div class="col-md-8 offset-md-2 colums-gapped"> <div class="row description-template-type-editor">
<div class="col-md-10 offset-md-1 colums-gapped">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center mb-4 mt-4">
<div class="col"> <div class="col">
<app-navigation-breadcrumb /> <app-navigation-breadcrumb />
</div> </div>
@ -35,14 +36,14 @@
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
<form (ngSubmit)="formSubmit()" [formGroup]="formGroup" *ngIf="formGroup"> <form (ngSubmit)="formSubmit()" [formGroup]="formGroup" *ngIf="formGroup">
<div class="info-grid"> <div class="row">
<div class="info-grid-label"> <div class="col-12 pt-1 pb-1">
<span> <span>
{{'DESCRIPTION-TEMPLATE-TYPE-EDITOR.FIELDS.NAME' | translate}} {{'DESCRIPTION-TEMPLATE-TYPE-EDITOR.FIELDS.NAME' | translate}}
</span> </span>
</div> </div>
<div class="info-grid-value"> <div class="col-12 mt-1">
<mat-form-field class="col-lg-6"> <mat-form-field class="w-100">
<input matInput placeholder="{{'DESCRIPTION-TEMPLATE-TYPE-EDITOR.FIELDS.NAME' | translate}}" type="text" name="name" [formControl]="formGroup.get('name')" required> <input matInput placeholder="{{'DESCRIPTION-TEMPLATE-TYPE-EDITOR.FIELDS.NAME' | translate}}" type="text" name="name" [formControl]="formGroup.get('name')" required>
<mat-error *ngIf="formGroup.get('name').hasError('backendError')"> <mat-error *ngIf="formGroup.get('name').hasError('backendError')">
{{formGroup.get('name').getError('backendError').message}}</mat-error> {{formGroup.get('name').getError('backendError').message}}</mat-error>
@ -55,4 +56,5 @@
</mat-card-content> </mat-card-content>
</mat-card> </mat-card>
</div> </div>
</div>
</div> </div>

2
dmp-frontend/src/app/ui/admin/description-types/editor/description-template-type-editor.component.scss
View File

@ -1,5 +1,5 @@
.description-template-type-editor { .description-template-type-editor {
padding-top: 1em; // padding-top: 1em;
.editor-actions { .editor-actions {
margin-top: 30px; margin-top: 30px;

11
dmp-frontend/src/app/ui/admin/description-types/listing/description-template-type-listing.component.html
View File

@ -1,7 +1,7 @@
<div class="row description-template-type-listing"> <div class="container-fluid">
<div class="col-md-8 offset-md-2"> <div class="row description-template-type-listing">
<div class="col-md-10 offset-md-1">
<div class="row mb-4 mt-3"> <div class="row mb-4 mt-4">
<div class="col"> <div class="col">
<h4>{{'DESCRIPTION-TEMPLATE-TYPE-LISTING.TITLE' | translate}}</h4> <h4>{{'DESCRIPTION-TEMPLATE-TYPE-LISTING.TITLE' | translate}}</h4>
<app-navigation-breadcrumb /> <app-navigation-breadcrumb />
@ -33,10 +33,11 @@
<mat-icon>download</mat-icon> <mat-icon>download</mat-icon>
</button> --> </button> -->
</app-hybrid-listing> </app-hybrid-listing>
</div>
</div> </div>
</div> </div>
<ng-template #listItemTemplate let-item="item" let-isColumnSelected="isColumnSelected"> <ng-template #listItemTemplate let-item="item" let-isColumnSelected="isColumnSelected">

6
dmp-frontend/src/app/ui/admin/description-types/listing/description-template-type-listing.component.scss
View File

@ -1,7 +1,7 @@
.description-template-type-listing { .description-template-type-listing {
margin-top: 1.3rem; // margin-top: 1.3rem;
margin-left: 1rem; // margin-left: 1rem;
margin-right: 2rem; // margin-right: 2rem;
.mat-header-row{ .mat-header-row{
background: #f3f5f8; background: #f3f5f8;

25
dmp-frontend/src/app/ui/admin/dmp-blueprint/editor/dmp-blueprint-editor.component.html
View File

@ -1,7 +1,8 @@
<!-- <div class="main-content"> --> <div class="container-fluid">
<div class="container-fluid dmp-blueprint-editor d-flex flex-column"> <div class="row dmp-blueprint-editor">
<div class="row align-items-center mb-4" *ngIf="formGroup"> <div class="col-md-10 offset-md-1">
<div class="col-auto"> <div class="row align-items-center mt-4 mb-4" *ngIf="formGroup">
<div class="col-md col-12">
<h3 *ngIf="!isFinalized && !isNewVersion && isNew">{{'DMP-BLUEPRINT-EDITOR.TITLE.NEW' | translate}}</h3> <h3 *ngIf="!isFinalized && !isNewVersion && isNew">{{'DMP-BLUEPRINT-EDITOR.TITLE.NEW' | translate}}</h3>
<h3 *ngIf="!isClone && !isNewVersion && !isNew">{{formGroup.get('label').value}}</h3> <h3 *ngIf="!isClone && !isNewVersion && !isNew">{{formGroup.get('label').value}}</h3>
<h3 *ngIf="isClone"> <h3 *ngIf="isClone">
@ -13,31 +14,21 @@
{{formGroup.get('label').value}} {{formGroup.get('label').value}}
</h3> </h3>
</div> </div>
<div class="col"></div> <div class="col-md-auto mb-md-0 col-12 mb-2" *ngIf="!isNew">
<div class="col-auto" *ngIf="!isNew">
<button [disabled]="isLocked" mat-button class="action-btn" type="button" (click)="delete()"> <button [disabled]="isLocked" mat-button class="action-btn" type="button" (click)="delete()">
<mat-icon>delete</mat-icon> <mat-icon>delete</mat-icon>
{{'DMP-BLUEPRINT-EDITOR.ACTIONS.DELETE' | translate}} {{'DMP-BLUEPRINT-EDITOR.ACTIONS.DELETE' | translate}}
</button> </button>
</div> </div>
<div class="col-auto" *ngIf="formGroup.get('status').value==1"> <div class="col-md-auto col-12" *ngIf="formGroup.get('status').value==1">
<button mat-button class="finalize-btn" (click)="downloadXML()" type="button">{{'DMP-BLUEPRINT-EDITOR.ACTIONS.DOWNLOAD-XML' | translate }}</button> <button mat-button class="finalize-btn" (click)="downloadXML()" type="button">{{'DMP-BLUEPRINT-EDITOR.ACTIONS.DOWNLOAD-XML' | translate }}</button>
</div> </div>
<div *ngIf="formGroup.get('status').value!=1" class="col-auto"> <div *ngIf="formGroup.get('status').value!=1" class="col-auto">
<button mat-button class="finalize-btn" (click)="finalize()" [disabled]="!this.isFormValid()" type="button">{{'DMP-BLUEPRINT-EDITOR.ACTIONS.FINALIZE' | translate }}</button> <button mat-button class="finalize-btn" (click)="finalize()" [disabled]="!this.isFormValid()" type="button">{{'DMP-BLUEPRINT-EDITOR.ACTIONS.FINALIZE' | translate }}</button>
</div> </div>
</div> </div>
<div class="">
<form *ngIf="formGroup" (ngSubmit)="formSubmit()"> <form *ngIf="formGroup" (ngSubmit)="formSubmit()">
<mat-card class="pt-3 pb-3"> <mat-card class="pt-3 pb-3">
<!-- <mat-card-header>
<mat-card-title *ngIf="isNew">
<h4>{{'DMP-BLUEPRINT-EDITOR.TITLE.NEW' | translate}}</h4>
</mat-card-title>
<mat-card-title *ngIf="!isNew">
<h4>{{formGroup.get('label').value}}</h4>
</mat-card-title>
</mat-card-header> -->
<mat-card-content> <mat-card-content>
<div class="row"> <div class="row">
<div class="col-6"> <div class="col-6">
@ -342,4 +333,6 @@
</mat-card> </mat-card>
</form> </form>
</div> </div>
</div>
</div> </div>

9
dmp-frontend/src/app/ui/admin/dmp-blueprint/listing/dmp-blueprint-listing.component.html
View File

@ -1,7 +1,8 @@
<div class="row dmp-blueprint-listing"> <div class="container-fluid">
<div class="col-md-8 offset-md-2"> <div class="row dmp-blueprint-listing">
<div class="col-md-10 offset-md-1">
<div class="row mb-4 mt-4">
<div class="row mb-4 mt-3">
<div class="col"> <div class="col">
<h4>{{'DMP-BLUEPRINT-LISTING.TITLE' | translate}}</h4> <h4>{{'DMP-BLUEPRINT-LISTING.TITLE' | translate}}</h4>
<app-navigation-breadcrumb /> <app-navigation-breadcrumb />
@ -32,7 +33,7 @@
<mat-icon>download</mat-icon> <mat-icon>download</mat-icon>
</button> --> </button> -->
</app-hybrid-listing> </app-hybrid-listing>
</div>
</div> </div>
</div> </div>

6
dmp-frontend/src/app/ui/admin/dmp-blueprint/listing/dmp-blueprint-listing.component.scss
View File

@ -4,9 +4,9 @@
} }
.dmp-blueprint-listing { .dmp-blueprint-listing {
margin-top: 1.3rem; // margin-top: 1.3rem;
margin-left: 1rem; // margin-left: 1rem;
margin-right: 2rem; // margin-right: 2rem;
.mat-header-row { .mat-header-row {
background: #f3f5f8; background: #f3f5f8;

9
dmp-frontend/src/app/ui/admin/entity-locks/lock-listing.component.html
View File

@ -1,7 +1,8 @@
<div class="row lock-listing"> <div class="container-fluid">
<div class="col-md-8 offset-md-2"> <div class="row lock-listing">
<div class="col-md-10 offset-md-1">
<div class="row mb-4 mt-3"> <div class="row mb-4 mt-4">
<div class="col"> <div class="col">
<h4>{{'LOCK-LISTING.TITLE' | translate}}</h4> <h4>{{'LOCK-LISTING.TITLE' | translate}}</h4>
<app-navigation-breadcrumb /> <app-navigation-breadcrumb />
@ -24,8 +25,10 @@
</app-hybrid-listing> </app-hybrid-listing>
</div> </div>
</div>
</div> </div>
<ng-template #listItemTemplate let-item="item" let-isColumnSelected="isColumnSelected"> <ng-template #listItemTemplate let-item="item" let-isColumnSelected="isColumnSelected">

6
dmp-frontend/src/app/ui/admin/entity-locks/lock-listing.component.scss
View File

@ -8,9 +8,9 @@
} }
.lock-listing { .lock-listing {
margin-top: 1.3rem; // margin-top: 1.3rem;
margin-left: 1rem; // margin-left: 1rem;
margin-right: 2rem; // margin-right: 2rem;
.mat-header-row{ .mat-header-row{
background: #f3f5f8; background: #f3f5f8;

12
dmp-frontend/src/app/ui/admin/index-managment/index-managment.component.html
View File

@ -1,9 +1,15 @@
<div class="row root"> <div class="container-fluid">
<mat-card class="col-md-3 offset-md-4"> <div class="row root">
<div> <div class="col-md-10 offset-md-1">
<div class="mt-4 mb-4"></div>
<mat-card class="p-2">
<div class="mt-2">
<div style="color: red;">Warning: Danger zone. It might delete Dataset tags if not careful</div> <div style="color: red;">Warning: Danger zone. It might delete Dataset tags if not careful</div>
<button mat-raised-button color="primary" (click)="generateIndex($event)" class="lightblue-btn button">Generate Index</button> <button mat-raised-button color="primary" (click)="generateIndex($event)" class="lightblue-btn button">Generate Index</button>
<button mat-raised-button color="primary" (click)="clearIndex($event)" class="lightblue-btn button">Clear Index</button> <button mat-raised-button color="primary" (click)="clearIndex($event)" class="lightblue-btn button">Clear Index</button>
</div> </div>
</mat-card> </mat-card>
</div>
</div>
</div> </div>

2
dmp-frontend/src/app/ui/admin/index-managment/index-managment.component.scss
View File

@ -1,5 +1,5 @@
.root { .root {
padding-bottom: 2em; // padding-bottom: 2em;
.button { .button {
margin: 5px; margin: 5px;

10
dmp-frontend/src/app/ui/admin/language/editor/language-editor.component.html
View File

@ -1,7 +1,8 @@
<div class="tenant-editor"> <div class="container-fluid">
<div class="col-md-8 offset-md-2 colums-gapped"> <div class="row tenant-editor">
<div class="row align-items-center mb-4" *ngIf="formGroup"> <div class="col-md-10 offset-md-1 colums-gapped">
<div class="col-auto"> <div class="row align-items-center mt-4 mb-4" *ngIf="formGroup">
<div class="col">
<h3 *ngIf="isNew && !isClone">{{'LANGUAGE-EDITOR.NEW' | translate}}</h3> <h3 *ngIf="isNew && !isClone">{{'LANGUAGE-EDITOR.NEW' | translate}}</h3>
<app-navigation-breadcrumb /> <app-navigation-breadcrumb />
</div> </div>
@ -73,4 +74,5 @@
</mat-card> </mat-card>
</form> </form>
</div> </div>
</div>
</div> </div>

6
dmp-frontend/src/app/ui/admin/language/editor/language-editor.component.scss
View File

@ -1,7 +1,7 @@
.tenant-editor { .tenant-editor {
margin-top: 1.3rem; // margin-top: 1.3rem;
margin-left: 1em; // margin-left: 1em;
margin-right: 3em; // margin-right: 3em;
.remove { .remove {
background-color: white; background-color: white;

9
dmp-frontend/src/app/ui/admin/language/listing/language-listing.component.html
View File

@ -1,7 +1,7 @@
<div class="row language-listing"> <div class="container-fluid">
<div class="col-md-8 offset-md-2"> <div class="row language-listing">
<div class="col-md-10 offset-md-1">
<div class="row mb-4 mt-3"> <div class="row mb-4 mt-4">
<div class="col"> <div class="col">
<h4>{{'LANGUAGE-LISTING.TITLE' | translate}}</h4> <h4>{{'LANGUAGE-LISTING.TITLE' | translate}}</h4>
<app-navigation-breadcrumb /> <app-navigation-breadcrumb />
@ -32,6 +32,7 @@
</app-hybrid-listing> </app-hybrid-listing>
</div> </div>
</div>
</div> </div>
<ng-template #listItemTemplate let-item="item" let-isColumnSelected="isColumnSelected"> <ng-template #listItemTemplate let-item="item" let-isColumnSelected="isColumnSelected">

6
dmp-frontend/src/app/ui/admin/language/listing/language-listing.component.scss
View File

@ -1,7 +1,7 @@
.language-listing { .language-listing {
margin-top: 1.3rem; // margin-top: 1.3rem;
margin-left: 1rem; // margin-left: 1rem;
margin-right: 2rem; // margin-right: 2rem;
.mat-header-row{ .mat-header-row{
background: #f3f5f8; background: #f3f5f8;

7
dmp-frontend/src/app/ui/admin/notification-template/editor/notification-template-editor.component.html
View File

@ -1,6 +1,7 @@
<div class="notification-template-editor"> <div class="container-fluid">
<div class="row notification-template-editor">
<div class="col-md-10 offset-md-1 colums-gapped"> <div class="col-md-10 offset-md-1 colums-gapped">
<div class="row align-items-center mb-4" *ngIf="formGroup"> <div class="row align-items-center mt-4 mb-4" *ngIf="formGroup">
<div class="col-auto"> <div class="col-auto">
<h3 *ngIf="isNew && !isClone">{{'NOTIFICATION-SERVICE.NOTIFICATION-TEMPLATE-EDITOR.NEW' | translate}}</h3> <h3 *ngIf="isNew && !isClone">{{'NOTIFICATION-SERVICE.NOTIFICATION-TEMPLATE-EDITOR.NEW' | translate}}</h3>
<app-navigation-breadcrumb /> <app-navigation-breadcrumb />
@ -273,5 +274,5 @@
</form> </form>
</div> </div>
</div>
</div> </div>

6
dmp-frontend/src/app/ui/admin/notification-template/editor/notification-template-editor.component.scss
View File

@ -1,7 +1,7 @@
.notification-template-editor { .notification-template-editor {
margin-top: 1.3rem; // margin-top: 1.3rem;
margin-left: 1em; // margin-left: 1em;
margin-right: 3em; // margin-right: 3em;
.remove { .remove {
background-color: white; background-color: white;

8
dmp-frontend/src/app/ui/admin/notification-template/listing/notification-template-listing.component.html
View File

@ -1,7 +1,8 @@
<div class="row notification-template-listing"> <div class="container-fluid">
<div class="col-md-8 offset-md-2"> <div class="row notification-template-listing">
<div class="col-md-10 offset-md-1">
<div class="row mb-4 mt-3"> <div class="row mb-4 mt-4">
<div class="col"> <div class="col">
<h4>{{'NOTIFICATION-SERVICE.NOTIFICATION-TEMPLATE-LISTING.TITLE' | translate}}</h4> <h4>{{'NOTIFICATION-SERVICE.NOTIFICATION-TEMPLATE-LISTING.TITLE' | translate}}</h4>
<app-navigation-breadcrumb /> <app-navigation-breadcrumb />
@ -32,6 +33,7 @@
</app-hybrid-listing> </app-hybrid-listing>
</div> </div>
</div>
</div> </div>
<ng-template #listItemTemplate let-item="item" let-isColumnSelected="isColumnSelected"> <ng-template #listItemTemplate let-item="item" let-isColumnSelected="isColumnSelected">

6
dmp-frontend/src/app/ui/admin/notification-template/listing/notification-template-listing.component.scss
View File

@ -1,7 +1,7 @@
.notification-template-listing { .notification-template-listing {
margin-top: 1.3rem; // margin-top: 1.3rem;
margin-left: 1rem; // margin-left: 1rem;
margin-right: 2rem; // margin-right: 2rem;
.mat-header-row{ .mat-header-row{
background: #f3f5f8; background: #f3f5f8;

10
dmp-frontend/src/app/ui/admin/notification/notification-listing.component.html
View File

@ -1,7 +1,7 @@
<div class="row notification-listing"> <div class="container-fluid">
<div class="col-md-8 offset-md-2"> <div class="row notification-listing">
<div class="col-md-10 offset-md-1">
<div class="row mb-4 mt-3"> <div class="row mb-4 mt-4">
<div class="col"> <div class="col">
<h4>{{'NOTIFICATION-SERVICE.NOTIFICATION-LISTING.TITLE' | translate}}</h4> <h4>{{'NOTIFICATION-SERVICE.NOTIFICATION-LISTING.TITLE' | translate}}</h4>
<app-navigation-breadcrumb /> <app-navigation-breadcrumb />
@ -24,8 +24,10 @@
</app-hybrid-listing> </app-hybrid-listing>
</div> </div>
</div>
</div> </div>
<ng-template #listItemTemplate let-item="item" let-isColumnSelected="isColumnSelected"> <ng-template #listItemTemplate let-item="item" let-isColumnSelected="isColumnSelected">

6
dmp-frontend/src/app/ui/admin/notification/notification-listing.component.scss
View File

@ -8,9 +8,9 @@
} }
.notification-listing { .notification-listing {
margin-top: 1.3rem; // margin-top: 1.3rem;
margin-left: 1rem; // margin-left: 1rem;
margin-right: 2rem; // margin-right: 2rem;
.mat-header-row{ .mat-header-row{
background: #f3f5f8; background: #f3f5f8;

6
dmp-frontend/src/app/ui/admin/prefilling-source/editor/prefilling-source-editor.component.html
View File

@ -1,7 +1,8 @@
<div class="prefilling-source-editor"> <div class="container-fluid">
<div class="row prefilling-source-editor">
<div class="col-md-10 offset-md-1 colums-gapped" *ngIf="formGroup"> <div class="col-md-10 offset-md-1 colums-gapped" *ngIf="formGroup">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center mt-4 mb-4">
<div class="col"> <div class="col">
<h3 *ngIf="isNew">{{'PREFILLING-SOURCE-EDITOR.NEW' | translate}}</h3> <h3 *ngIf="isNew">{{'PREFILLING-SOURCE-EDITOR.NEW' | translate}}</h3>
<app-navigation-breadcrumb /> <app-navigation-breadcrumb />
@ -148,4 +149,5 @@
</form> </form>
</div> </div>
</div>
</div> </div>

6
dmp-frontend/src/app/ui/admin/prefilling-source/editor/prefilling-source-editor.component.scss
View File

@ -1,7 +1,7 @@
.prefilling-source-editor { .prefilling-source-editor {
margin-top: 1.3rem; // margin-top: 1.3rem;
margin-left: 1em; // margin-left: 1em;
margin-right: 3em; // margin-right: 3em;
.remove { .remove {
background-color: white; background-color: white;

8
dmp-frontend/src/app/ui/admin/prefilling-source/listing/prefilling-source-listing.component.html
View File

@ -1,7 +1,8 @@
<div class="row prefilling-source-listing"> <div class="container-fluid">
<div class="col-md-8 offset-md-2"> <div class="row prefilling-source-listing">
<div class="col-md-10 offset-md-1">
<div class="row mb-4 mt-3"> <div class="row mb-4 mt-4">
<div class="col"> <div class="col">
<h4>{{'PREFILLING-SOURCE-LISTING.TITLE' | translate}}</h4> <h4>{{'PREFILLING-SOURCE-LISTING.TITLE' | translate}}</h4>
<app-navigation-breadcrumb /> <app-navigation-breadcrumb />
@ -32,6 +33,7 @@
</app-hybrid-listing> </app-hybrid-listing>
</div> </div>
</div>
</div> </div>
<ng-template #listItemTemplate let-item="item" let-isColumnSelected="isColumnSelected"> <ng-template #listItemTemplate let-item="item" let-isColumnSelected="isColumnSelected">

6
dmp-frontend/src/app/ui/admin/prefilling-source/listing/prefilling-source-listing.component.scss
View File

@ -4,9 +4,9 @@
} }
.prefilling-source-listing { .prefilling-source-listing {
margin-top: 1.3rem; // margin-top: 1.3rem;
margin-left: 1rem; // margin-left: 1rem;
margin-right: 2rem; // margin-right: 2rem;
.mat-header-row { .mat-header-row {
background: #f3f5f8; background: #f3f5f8;

7
dmp-frontend/src/app/ui/admin/reference-type/editor/reference-type-editor.component.html
View File

@ -1,6 +1,6 @@
<div class="reference-type-editor"> <div class="container-fluid">
<div class="col-md-8 offset-md-2 colums-gapped"> <div class="row reference-type-editor">
<div class="col-md-10 offset-md-1 colums-gapped">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col"> <div class="col">
<h3 *ngIf="isNew">{{'REFERENCE-TYPE-EDITOR.NEW' | translate}}</h3> <h3 *ngIf="isNew">{{'REFERENCE-TYPE-EDITOR.NEW' | translate}}</h3>
@ -147,4 +147,5 @@
</mat-card-content> </mat-card-content>
</mat-card> </mat-card>
</div> </div>
</div>
</div> </div>

6
dmp-frontend/src/app/ui/admin/reference-type/editor/reference-type-editor.component.scss
View File

@ -1,7 +1,7 @@
.reference-type-editor { .reference-type-editor {
margin-top: 1.3rem; // margin-top: 1.3rem;
margin-left: 1em; // margin-left: 1em;
margin-right: 3em; // margin-right: 3em;
.remove { .remove {
background-color: white; background-color: white;

9
dmp-frontend/src/app/ui/admin/reference-type/listing/reference-type-listing.component.html
View File

@ -1,7 +1,8 @@
<div class="row reference-type-listing"> <div class="container-fluid">
<div class="col-md-8 offset-md-2"> <div class="row reference-type-listing">
<div class="col-md-10 offset-md-1">
<div class="row mb-4 mt-3"> <div class="row mb-4 mt-4">
<div class="col"> <div class="col">
<h4>{{'REFERENCE-TYPE-LISTING.TITLE' | translate}}</h4> <h4>{{'REFERENCE-TYPE-LISTING.TITLE' | translate}}</h4>
<app-navigation-breadcrumb /> <app-navigation-breadcrumb />
@ -35,8 +36,10 @@
</app-hybrid-listing> </app-hybrid-listing>
</div> </div>
</div>
</div> </div>
<ng-template #listItemTemplate let-item="item" let-isColumnSelected="isColumnSelected"> <ng-template #listItemTemplate let-item="item" let-isColumnSelected="isColumnSelected">

6
dmp-frontend/src/app/ui/admin/reference-type/listing/reference-type-listing.component.scss
View File

@ -1,7 +1,7 @@
.reference-type-listing { .reference-type-listing {
margin-top: 1.3rem; // margin-top: 1.3rem;
margin-left: 1rem; // margin-left: 1rem;
margin-right: 2rem; // margin-right: 2rem;
.mat-header-row{ .mat-header-row{
background: #f3f5f8; background: #f3f5f8;

8
dmp-frontend/src/app/ui/admin/reference/editor/reference-editor.component.html
View File

@ -1,6 +1,7 @@
<div class="reference-editor"> <div class="container-fluid">
<div class="col-md-8 offset-md-2 colums-gapped"> <div class="row reference-editor">
<div class="row align-items-center mb-4" *ngIf="formGroup"> <div class="col-md-10 offset-md-1 colums-gapped">
<div class="row align-items-center mt-4 mb-4" *ngIf="formGroup">
<div class="col-auto"> <div class="col-auto">
<h3 *ngIf="isNew && !isClone">{{'REFERENCE-EDITOR.NEW' | translate}}</h3> <h3 *ngIf="isNew && !isClone">{{'REFERENCE-EDITOR.NEW' | translate}}</h3>
<app-navigation-breadcrumb /> <app-navigation-breadcrumb />
@ -145,4 +146,5 @@
</mat-card> </mat-card>
</form> </form>
</div> </div>
</div>
</div> </div>

6
dmp-frontend/src/app/ui/admin/reference/editor/reference-editor.component.scss
View File

@ -1,7 +1,7 @@
.reference-editor { .reference-editor {
margin-top: 1.3rem; // margin-top: 1.3rem;
margin-left: 1em; // margin-left: 1em;
margin-right: 3em; // margin-right: 3em;
.remove { .remove {
background-color: white; background-color: white;

10
dmp-frontend/src/app/ui/admin/reference/listing/reference-listing.component.html
View File

@ -1,7 +1,8 @@
<div class="row tenant-listing"> <div class="container-fluid">
<div class="col-md-8 offset-md-2">
<div class="row mb-4 mt-3"> <div class="row">
<div class="col-md-10 offset-md-1">
<div class="row mb-4 mt-4">
<div class="col"> <div class="col">
<h4>{{'REFERENCE-LISTING.TITLE' | translate}}</h4> <h4>{{'REFERENCE-LISTING.TITLE' | translate}}</h4>
<app-navigation-breadcrumb /> <app-navigation-breadcrumb />
@ -33,6 +34,9 @@
</div> </div>
</div> </div>
</div>
<ng-template #listItemTemplate let-item="item" let-isColumnSelected="isColumnSelected"> <ng-template #listItemTemplate let-item="item" let-isColumnSelected="isColumnSelected">

8
dmp-frontend/src/app/ui/admin/tenant/editor/tenant-editor.component.html
View File

@ -1,5 +1,7 @@
<div class="tenant-editor"> <div class="container-fluid">
<div class="row align-items-center mb-4" *ngIf="formGroup"> <div class="row">
<div class="col-md-10 offset-md-1 tenant-editor">
<div class="row align-items-center mb-4 mt-4" *ngIf="formGroup">
<div class="col-auto"> <div class="col-auto">
<h3 *ngIf="isNew && !isClone">{{'TENANT-EDITOR.NEW' | translate}}</h3> <h3 *ngIf="isNew && !isClone">{{'TENANT-EDITOR.NEW' | translate}}</h3>
<app-navigation-breadcrumb /> <app-navigation-breadcrumb />
@ -78,4 +80,6 @@
</mat-card-content> </mat-card-content>
</mat-card> </mat-card>
</form> </form>
</div>
</div>
</div> </div>

6
dmp-frontend/src/app/ui/admin/tenant/editor/tenant-editor.component.scss
View File

@ -1,7 +1,7 @@
.tenant-editor { .tenant-editor {
margin-top: 1.3rem; // margin-top: 1.3rem;
margin-left: 1em; // margin-left: 1em;
margin-right: 3em; // margin-right: 3em;
.remove { .remove {
background-color: white; background-color: white;

8
dmp-frontend/src/app/ui/admin/tenant/listing/tenant-listing.component.html
View File

@ -1,7 +1,8 @@
<div class="row tenant-listing"> <div class="container-fluid">
<div class="col-md-8 offset-md-2"> <div class="row tenant-listing">
<div class="col-md-10 offset-md-1">
<div class="row mb-4 mt-3"> <div class="row mb-4 mt-4">
<div class="col"> <div class="col">
<h4>{{'TENANT-LISTING.TITLE' | translate}}</h4> <h4>{{'TENANT-LISTING.TITLE' | translate}}</h4>
<app-navigation-breadcrumb /> <app-navigation-breadcrumb />
@ -32,6 +33,7 @@
</app-hybrid-listing> </app-hybrid-listing>
</div> </div>
</div>
</div> </div>
<ng-template #listItemTemplate let-item="item" let-isColumnSelected="isColumnSelected"> <ng-template #listItemTemplate let-item="item" let-isColumnSelected="isColumnSelected">

10
dmp-frontend/src/app/ui/admin/user/listing/user-listing.component.html
View File

@ -1,7 +1,7 @@
<div class="row user-listing"> <div class="container-fluid">
<div class="col-md-8 offset-md-2"> <div class="row user-listing">
<div class="col-md-10 offset-md-1">
<div class="row mb-4 mt-3"> <div class="row mb-4 mt-4">
<div class="col"> <div class="col">
<h4>{{'USER-LISTING.TITLE' | translate}}</h4> <h4>{{'USER-LISTING.TITLE' | translate}}</h4>
<app-navigation-breadcrumb /> <app-navigation-breadcrumb />
@ -21,7 +21,7 @@
<app-user-settings-picker [key]="userSettingsKey" [userPreference]="lookup" (onSettingSelected)="changeSetting($event)" [autoSelectUserSettings]="autoSelectUserSettings" user-preference-settings /> <app-user-settings-picker [key]="userSettingsKey" [userPreference]="lookup" (onSettingSelected)="changeSetting($event)" [autoSelectUserSettings]="autoSelectUserSettings" user-preference-settings />
</app-hybrid-listing> </app-hybrid-listing>
</div>
</div> </div>
</div> </div>

6
dmp-frontend/src/app/ui/admin/user/listing/user-listing.component.scss
View File

@ -1,7 +1,7 @@
.user-listing { .user-listing {
margin-top: 1.3rem; // margin-top: 1.3rem;
margin-left: 1rem; // margin-left: 1rem;
margin-right: 2rem; // margin-right: 2rem;
.mat-header-row{ .mat-header-row{
background: #f3f5f8; background: #f3f5f8;

8
dmp-frontend/src/app/ui/description/listing/description-listing.component.html
View File

@ -1,6 +1,7 @@
<div class="main-content listing-main-container h-100"> <div class="container-fluid">
<div class="container-fluid"> <div class="row">
<div class="d-flex flex-direction-row"> <div class="col-md-10 offset-md-1">
<div class="d-flex flex-direction-row mb-4 mt-4">
<div *ngIf="hasListingItems && listingItems && listingItems.length === 0 && !hasLikeCriteria()" class="card mt-0"> <div *ngIf="hasListingItems && listingItems && listingItems.length === 0 && !hasLikeCriteria()" class="card mt-0">
<!-- <div class="card mt-0" [style.display]="isVisible ? 'block' : 'none'"> --> <!-- <div class="card mt-0" [style.display]="isVisible ? 'block' : 'none'"> -->
<!-- <a class="col-auto d-flex" (click)="closeCard()"><span class="ml-auto pt-3 material-icons clear-icon">clear</span></a> --> <!-- <a class="col-auto d-flex" (click)="closeCard()"><span class="ml-auto pt-3 material-icons clear-icon">clear</span></a> -->
@ -76,4 +77,5 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>

10
dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.html
View File

@ -1,7 +1,8 @@
<div class="main-content listing-main-container h-100">
<div class="container-fluid"> <div class="container-fluid">
<div class="d-flex flex-direction-row"> <div class="row">
<div *ngIf="hasListingItems && listingItems && listingItems.length === 0 && !hasLikeCriteria()" class="card mt-0"> <div class="col-md-10 offset-md-1">
<div class="d-flex flex-direction-row mb-4 mt-4">
<div *ngIf="hasListingItems && listingItems && listingItems.length === 0 && !hasLikeCriteria()" class="card">
<div class="card-content info-text mb-0"> <div class="card-content info-text mb-0">
<p>{{'DMP-LISTING.TEXT-INFO' | translate}}</p> <p>{{'DMP-LISTING.TEXT-INFO' | translate}}</p>
<p class="mt-4 pt-2">{{'DMP-LISTING.TEXT-INFO-QUESTION' | translate}} <a class="zenodo-link" href="https://zenodo.org/communities/liber-dmp-cat/?page=1&size=20" target="_blank">{{'DMP-LISTING.LINK-ZENODO' | translate}}</a> {{'DMP-LISTING.GET-IDEA' | translate}}</p> <p class="mt-4 pt-2">{{'DMP-LISTING.TEXT-INFO-QUESTION' | translate}} <a class="zenodo-link" href="https://zenodo.org/communities/liber-dmp-cat/?page=1&size=20" target="_blank">{{'DMP-LISTING.LINK-ZENODO' | translate}}</a> {{'DMP-LISTING.GET-IDEA' | translate}}</p>
@ -60,4 +61,5 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>

8
dmp-frontend/src/app/ui/inapp-notification/listing/mine-inapp-notification-listing.component.html
View File

@ -1,7 +1,8 @@
<div class="row inapp-notification-listing"> <div class="container-fluid">
<div class="col-md-8 offset-md-2"> <div class="row inapp-notification-listing">
<div class="col-md-10 offset-md-1">
<div class="row mb-4 mt-3"> <div class="row mb-4 mt-4">
<div class="col"> <div class="col">
<h4>{{'NOTIFICATION-SERVICE.INAPP-NOTIFICATION-LISTING.TITLE' | translate}}</h4> <h4>{{'NOTIFICATION-SERVICE.INAPP-NOTIFICATION-LISTING.TITLE' | translate}}</h4>
<app-navigation-breadcrumb /> <app-navigation-breadcrumb />
@ -24,6 +25,7 @@
</app-hybrid-listing> </app-hybrid-listing>
</div> </div>
</div>
</div> </div>
<ng-template #listItemTemplate let-item="item" let-isColumnSelected="isColumnSelected"> <ng-template #listItemTemplate let-item="item" let-isColumnSelected="isColumnSelected">

6
dmp-frontend/src/app/ui/inapp-notification/listing/mine-inapp-notification-listing.component.scss
View File

@ -1,7 +1,7 @@
.inapp-notification-listing { .inapp-notification-listing {
margin-top: 1.3rem; // margin-top: 1.3rem;
margin-left: 1rem; // margin-left: 1rem;
margin-right: 2rem; // margin-right: 2rem;
.mat-header-row{ .mat-header-row{
background: #f3f5f8; background: #f3f5f8;

13
dmp-frontend/src/app/ui/supportive-material-editor/supportive-material-editor.component.html
View File

@ -1,7 +1,11 @@
<div class="supportive-material-editor"> <div class="container-fluid">
<div class="row supportive-material-editor">
<div class="col-md-10 offset-md-1">
<div class="mt-4"></div>
<form *ngIf="formGroup" (ngSubmit)="formSubmit()"> <form *ngIf="formGroup" (ngSubmit)="formSubmit()">
<div> <div>
<mat-card class="col-md-8 offset-md-2 p-3"> <mat-card class="p-1">
<div class="container-fluid mt-3">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<mat-form-field class="w-100"> <mat-form-field class="w-100">
@ -54,10 +58,15 @@
<mat-error *ngIf="formGroup.get('payload').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error> <mat-error *ngIf="formGroup.get('payload').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
</div> </div>
</div> </div>
</div>
</mat-card> </mat-card>
<button mat-fab class="mat-fab-bottom-right save-btn" matTooltip="{{'SUPPORTIVE-MATERIAL-EDITOR.ACTIONS.SAVE' | translate}}" type="submit"> <button mat-fab class="mat-fab-bottom-right save-btn" matTooltip="{{'SUPPORTIVE-MATERIAL-EDITOR.ACTIONS.SAVE' | translate}}" type="submit">
<mat-icon class="mat-24">save</mat-icon> <mat-icon class="mat-24">save</mat-icon>
</button> </button>
</div> </div>
</form> </form>
</div>
</div>
</div> </div>

4
dmp-frontend/src/app/ui/supportive-material-editor/supportive-material-editor.component.scss
View File

@ -1,7 +1,7 @@
.supportive-material-editor { .supportive-material-editor {
//padding-top: 5em; //padding-top: 5em;
padding-bottom: 2em; // padding-bottom: 2em;
margin-top: 1em; // margin-top: 1em;
.material{ .material{
//width: 80px; //width: 80px;