From 4b33890938106aa7cd321381ebdf038a42c972c8 Mon Sep 17 00:00:00 2001
From: sualko <klaus@jsxc.org>
Date: Tue, 16 Jun 2020 17:02:50 +0200
Subject: [PATCH] fix: max dialog height

---
 ts/Manager/App.scss   | 5 +++++
 ts/Manager/Dialog.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/ts/Manager/App.scss b/ts/Manager/App.scss
index 715d0eb..118b017 100644
--- a/ts/Manager/App.scss
+++ b/ts/Manager/App.scss
@@ -2,6 +2,11 @@
   background-image: url('../../img/chain-plus.svg');
 }
 
+.oc-dialog.bbb-dialog {
+  max-height: calc(100% - 70px);
+  margin-top: 25px;
+}
+
 #bbb-warning {
   padding: 1em;
   background-color: rgb(255, 255, 123);
diff --git a/ts/Manager/Dialog.tsx b/ts/Manager/Dialog.tsx
index bb5bc4b..376222b 100644
--- a/ts/Manager/Dialog.tsx
+++ b/ts/Manager/Dialog.tsx
@@ -15,7 +15,7 @@ const Dialog: React.FC<Props> = ({open, title, children, onClose = () => undefin
 	return (
 		<>
 			<div className="oc-dialog-dim"> </div>
-			<div className="oc-dialog" tabIndex={-1} role="dialog" style={{display:'inline-block', position: 'fixed'}}>
+			<div className="oc-dialog bbb-dialog" tabIndex={-1} role="dialog" style={{display:'inline-block', position: 'fixed'}}>
 				<h2 className="oc-dialog-title">{title}</h2>
 				<a className="oc-dialog-close" onClick={ev => {ev.preventDefault(); onClose();}}></a>