From 73260f0072258cb00bb91dc3aa149c7b13fc85d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Fri, 1 Feb 2019 10:39:41 +0100
Subject: [PATCH] resize modal to length of content

---
 .../ui-components/src/modals/Modal.js         | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/scm-ui-components/packages/ui-components/src/modals/Modal.js b/scm-ui-components/packages/ui-components/src/modals/Modal.js
index 2638eb13fa..cf1b011102 100644
--- a/scm-ui-components/packages/ui-components/src/modals/Modal.js
+++ b/scm-ui-components/packages/ui-components/src/modals/Modal.js
@@ -1,18 +1,30 @@
 // @flow
 import * as React from "react";
 import classNames from "classnames";
+import injectSheet from "react-jss";
 
 type Props = {
   title: string,
   closeButton: any,
   body: any,
-  active: boolean
+  active: boolean,
+  classes: any
 };
 
+const styles = {
+  resize: {
+    maxWidth: "100%",
+    width: "auto !important",
+    display: "inline-block"
+  }
+};
+
+
+
 class Modal extends React.Component<Props> {
 
   render() {
-    const { title, closeButton, body, active } = this.props;
+    const { title, closeButton, body, active, classes } = this.props;
 
     const isActive = active ? "is-active" : null;
 
@@ -22,7 +34,7 @@ class Modal extends React.Component<Props> {
         isActive
       )}>
         <div className="modal-background" />
-        <div className="modal-card">
+        <div className={classNames("modal-card", classes.resize)}>
 
           <header className="modal-card-head">
             <p className="modal-card-title">
@@ -41,4 +53,4 @@ class Modal extends React.Component<Props> {
 }
 
 
-export default Modal;
+export default injectSheet(styles)(Modal);