On the Dataset Template Editor, distance the delete button in the sections from the expand/collapse button

This commit is contained in:
George Kalampokis 2020-08-05 11:20:02 +03:00
parent 70bc900f5a
commit 8e473d1a9f
4 changed files with 8 additions and 4 deletions

View File

@ -54,7 +54,7 @@
<mat-expansion-panel *ngFor="let section of dataModel.sections; let i=index;" #panel>
<mat-expansion-panel-header>
<mat-panel-title>{{i + 1}}. {{form.get('sections').get(''+i).get('title').value}}</mat-panel-title>
<div class="row">
<div class="row deleteBtn">
<!-- <span class="col">{{i + 1}}. {{form.get('sections').get(''+i).get('title').value}}</span> -->
<button mat-icon-button type="button" class="deleteBtn col-auto" (click)="DeleteSectionInSection(i);" [disabled]="viewOnly">
<mat-icon>delete</mat-icon>

View File

@ -4,5 +4,5 @@
}
}
.deleteBtn{
margin-right:0.7em;
}
margin-right:2em;
}

View File

@ -55,7 +55,7 @@
<mat-expansion-panel-header>
<mat-panel-title>{{i + 1}}. {{form.get('sections').get(''+i).get('title').value}}
</mat-panel-title>
<button mat-icon-button type="button" (click)="DeleteSection(i);" [disabled]="viewOnly">
<button mat-icon-button type="button" class="deleteBtn" (click)="DeleteSection(i);" [disabled]="viewOnly">
<mat-icon>delete</mat-icon>
</button>
</mat-expansion-panel-header>

View File

@ -3,3 +3,7 @@
width: 100%;
}
}
.deleteBtn{
margin-right:2em;
}