From df68db271f23561671a59b1678c39b8ee54cd8e4 Mon Sep 17 00:00:00 2001
From: Ted Humphrey <Thomas.Humphrey@att.com>
Date: Thu, 16 Apr 2020 17:36:17 +0000
Subject: Minor UI fixes for dialogues and Tosca upload feature

Issue-ID: CLAMP-587
Change-Id: I683b62fbd0b15ab5db18c7e1e941ff8cb58cb0f3
Signed-off-by: Ted Humphrey <Thomas.Humphrey@att.com>
---
 .../components/dialogs/Tosca/ViewLoopTemplatesModal.js | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

(limited to 'ui-react/src/components/dialogs/Tosca/ViewLoopTemplatesModal.js')

diff --git a/ui-react/src/components/dialogs/Tosca/ViewLoopTemplatesModal.js b/ui-react/src/components/dialogs/Tosca/ViewLoopTemplatesModal.js
index c5a91ea2..7cf02f71 100644
--- a/ui-react/src/components/dialogs/Tosca/ViewLoopTemplatesModal.js
+++ b/ui-react/src/components/dialogs/Tosca/ViewLoopTemplatesModal.js
@@ -38,16 +38,24 @@ import MaterialTable from "material-table";
 const ModalStyled = styled(Modal)`
 	background-color: transparent;
 `
-const LoopViewSvgDivStyled = styled.div`
-	overflow: hidden;
+const LoopViewSvgDivStyled = styled.svg`
+	overflow-x: scroll;
 	background-color: ${props => (props.theme.loopViewerBackgroundColor)};
 	border-color: ${props => (props.theme.loopViewerHeaderColor)};
-	margin-left: auto;
+	margin-top: 3em;
+	margin-left: 2em;
 	margin-right:auto;
 	text-align: center;
-	margin-top: 20px;
+	height: 100%;
+	width: 100%;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	
 `
 const SvgContainerDivStyled = styled.div`
+	display: flex;
+	align-items: center;
 	border: 1px solid;
 `
 
@@ -133,7 +141,7 @@ export default class ViewLoopTemplatesModal extends React.Component {
 
 	render() {
     return (
-    		<ModalStyled size="xl" show={this.state.show} onHide={this.handleClose} backdrop="static">
+    		<ModalStyled size="xl" show={this.state.show} onHide={this.handleClose} backdrop="static"  keyboard={false}>
     			<Modal.Header closeButton>
     			</Modal.Header>
     			<Modal.Body>
-- 
cgit 1.2.3-korg