MERGE Clamp UI-React repo to Policy Gui Repo

According to a Diff differences from one repo to the other, there was some missing changes from the original clamp repo to the policy gui repo.

Issue-ID: POLICY-3267
Change-Id: I9a71841732dc5c3d9623bca9c1384866f4c826a6
Signed-off-by: brunomilitzer <bruno.militzer@est.tech>

1 files changed, 3 insertions, 4 deletions

diff --git a/gui-clamp/ui-react/src/components/dialogs/Policy/ToscaViewer.js b/gui-clamp/ui-react/src/components/dialogs/Policy/ToscaViewer.js
index ce4edce..fc69a63 100644
--- a/gui-clamp/ui-react/src/components/dialogs/Policy/ToscaViewer.js
+++ b/gui-clamp/ui-react/src/components/dialogs/Policy/ToscaViewer.js
@@ -26,8 +26,7 @@ import PolicyToscaService from '../../../api/PolicyToscaService';
 import styled from 'styled-components';
 import Button from 'react-bootstrap/Button';
 
-const JsonEditorDiv = styled.div`
-  margin-top: 20px;
+const ToscaDiv = styled.div`
   background-color: ${ props => props.theme.toscaTextareaBackgroundColor };
   text-align: justify;
   font-size: ${ props => props.theme.toscaTextareaFontSize };
@@ -57,11 +56,11 @@ export default class ToscaViewer extends React.Component {
 
   render() {
     return (
-      <JsonEditorDiv>
+      <ToscaDiv>
         <pre>{ this.state.yamlPolicyTosca }</pre>
         <Button variant="secondary" title="Create a new policy version from the defined parameters"
                 onClick={ this.handleCreateNewVersion }>Create New Version</Button>
-      </JsonEditorDiv>
+      </ToscaDiv>
     );
   }
 }