diff --git a/src/app/components/experiment/experiment.component.ts b/src/app/components/experiment/experiment.component.ts index 8d1249c..f5d95d8 100644 --- a/src/app/components/experiment/experiment.component.ts +++ b/src/app/components/experiment/experiment.component.ts @@ -172,7 +172,7 @@ export class ExperimentComponent implements OnInit, OnDestroy { showSelectDefaultTemplateDialog() { const dialogRef = this.dialog.open(ChooseTemplateDialog, { - minWidth: "20rem", maxWidth: "40rem", width: "60%", maxHeight: "95%", + minWidth: "20rem", maxWidth: "40rem", width: "20%", maxHeight: "95%", data: this.uiTemplate }); dialogRef.afterClosed().subscribe(templateId => { diff --git a/src/app/dialogs/choose-template/choose-template.component.html b/src/app/dialogs/choose-template/choose-template.component.html index 28b1ee4..51ac5cb 100644 --- a/src/app/dialogs/choose-template/choose-template.component.html +++ b/src/app/dialogs/choose-template/choose-template.component.html @@ -1,12 +1,19 @@ -

Select a default template:

+

Select Default Template

-
- + Search templates + + search + +
+
- Selected Template: {{template?.name ?? 'All Plugins'}}
- {{template?.description ?? 'This template contains all plugins that are available in Qhana.'}} +
+ Selected Template: {{template?.name ?? 'All Plugins'}}
+ {{template?.description ?? 'This template contains all plugins that are available in Qhana.'}} +
diff --git a/src/app/dialogs/choose-template/choose-template.component.sass b/src/app/dialogs/choose-template/choose-template.component.sass index 4b2f9d1..806af0a 100644 --- a/src/app/dialogs/choose-template/choose-template.component.sass +++ b/src/app/dialogs/choose-template/choose-template.component.sass @@ -1,6 +1,13 @@ .template-list - max-height: 33rem + max-height: 14rem overflow-y: auto + border-radius: 0.25rem .dialog-actions - justify-content: flex-end \ No newline at end of file + justify-content: flex-end + +.selected-template + padding-top: 1rem + +.full-width + width: 100% \ No newline at end of file