[bugfix] add space between wizard list items (#372)

* add space between wizard list items

* - remove wizard component view encapsulation edit
- move wizard card style to custom.scss

* remove unused import
This commit is contained in:
beekter 2024-01-30 04:48:58 +06:00 committed by GitHub
parent e9d1d577ab
commit 947f0251dd
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 13 additions and 4 deletions

View File

@ -60,7 +60,7 @@
<fhir-card *ngFor="let medication of existingEncounter?.related_resources?.['Medication']" [showDetails]="false" [displayModel]="medication" [isCollapsed]="true"></fhir-card>
<ng-container formArrayName="medications">
<div class="card mg-t-10 pd-20" [formGroup]="medicationGroup" *ngFor="let medicationGroup of medications.controls; let i = index">
<div class="card pd-20" [formGroup]="medicationGroup" *ngFor="let medicationGroup of medications.controls; let i = index">
<div *ngIf="debugMode" class="alert alert-warning">
<strong>Medication Status: {{medicationGroup.status}}</strong>
</div>
@ -161,7 +161,7 @@
<ng-container formArrayName="procedures">
<div class="card mg-t-10 pd-20" [formGroup]="procedureGroup" *ngFor="let procedureGroup of procedures.controls; let i = index">
<div class="card pd-20" [formGroup]="procedureGroup" *ngFor="let procedureGroup of procedures.controls; let i = index">
<div *ngIf="debugMode" class="alert alert-warning">
<strong>Procedure Status: {{procedureGroup.status}}</strong>
</div>
@ -366,7 +366,7 @@
</div>
<ng-container formArrayName="attachments">
<div class="card mg-t-10 pd-20" [formGroup]="attachmentGroup" *ngFor="let attachmentGroup of attachments.controls; let i = index">
<div class="card pd-20" [formGroup]="attachmentGroup" *ngFor="let attachmentGroup of attachments.controls; let i = index">
<div *ngIf="debugMode" class="alert alert-warning">
<strong>Attachment Status: {{attachmentGroup.status}}</strong>
</div>

View File

@ -64,7 +64,10 @@ import {
],
selector: 'app-medical-record-wizard',
templateUrl: './medical-record-wizard.component.html',
styleUrls: ['./medical-record-wizard.component.scss']
styleUrls: ['./medical-record-wizard.component.scss'],
host: {
class: 'medical-record-wizard',
}
})
export class MedicalRecordWizardComponent implements OnInit {
@Input() existingEncounter: EncounterModel;

View File

@ -61,6 +61,12 @@ select > optgroup > .divider {
// Fhir Resource Cards
.medical-record-wizard {
.card {
margin-top: 10px;
}
}
.card-fhir-resource-popover {
max-width:500px;
}