From f0884bd9107c3c94ae80f7b00bb6096d285b31bf Mon Sep 17 00:00:00 2001
From: AB1908 <14124383+AB1908@users.noreply.github.com>
Date: Thu, 13 Oct 2022 17:36:35 +0530
Subject: [PATCH] fix: Fix modal title and css overflow

- Fixes #58
---
 src/modals/SelectModal.ts | 4 ++--
 styles.css                | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/modals/SelectModal.ts b/src/modals/SelectModal.ts
index 5f726ee..392d812 100644
--- a/src/modals/SelectModal.ts
+++ b/src/modals/SelectModal.ts
@@ -77,9 +77,9 @@ export abstract class SelectModal<T> extends Modal {
 	}
 
 	async onOpen() {
-		const {contentEl} = this;
+		const {contentEl, titleEl} = this;
 
-		contentEl.createEl('h2', {text: this.title});
+		titleEl.createEl('h2', {text: this.title});
 		contentEl.createEl('p', {text: this.description});
 
 		contentEl.addClass('media-db-plugin-select-modal');
diff --git a/styles.css b/styles.css
index 3414a7c..dadce59 100644
--- a/styles.css
+++ b/styles.css
@@ -23,11 +23,12 @@ small.media-db-plugin-list-text{
 }
 
 .media-db-plugin-select-modal {
-	display: flex;
-	flex-direction: column;
+	display: contents;
 }
 
 .media-db-plugin-select-wrapper {
+	display: flex;
+	flex-direction: column;
 	margin: 5px;
 	flex: 1;
 	overflow-y: auto;