From 3edd3cbb456b90fd6683a6c81a4cf27d96193401 Mon Sep 17 00:00:00 2001
From: Florian Scholdei <florian.scholdei@cloudogu.com>
Date: Fri, 14 Dec 2018 15:03:59 +0100
Subject: [PATCH 1/4] implemented work-break for media and table

---
 scm-ui/src/repos/sources/containers/Content.js | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/scm-ui/src/repos/sources/containers/Content.js b/scm-ui/src/repos/sources/containers/Content.js
index 34d024b2a2..cbd83f9d6f 100644
--- a/scm-ui/src/repos/sources/containers/Content.js
+++ b/scm-ui/src/repos/sources/containers/Content.js
@@ -41,6 +41,14 @@ const styles = {
   isVerticalCenter: {
     display: "flex",
     alignItems: "center"
+  },
+  wordBreakColumn: {
+    WebkitHyphens: "auto",
+    MozHyphens: "auto",
+    MsHyphens: "auto",
+    hypens: "auto",
+    wordBreak: "break-all",
+    minWidth: "10em"
   }
 };
 
@@ -93,7 +101,7 @@ class Content extends React.Component<Props, State> {
                 classes.marginInHeader
               )}
             />
-            <span>{file.name}</span>
+            <span className={classes.wordBreakColumn}>{file.name}</span>
           </div>
           <div className="media-right">{selector}</div>
         </article>
@@ -125,7 +133,7 @@ class Content extends React.Component<Props, State> {
             <tbody>
               <tr>
                 <td>{t("sources.content.path")}</td>
-                <td>{file.path}</td>
+                <td className={classes.wordBreakColumn}>{file.path}</td>
               </tr>
               <tr>
                 <td>{t("sources.content.branch")}</td>
@@ -141,7 +149,7 @@ class Content extends React.Component<Props, State> {
               </tr>
               <tr>
                 <td>{t("sources.content.description")}</td>
-                <td>{description}</td>
+                <td className={classes.wordBreakColumn}>{description}</td>
               </tr>
             </tbody>
           </table>

From ae28b513584b81ed1d5a7a99dc564a12d06c412a Mon Sep 17 00:00:00 2001
From: Florian Scholdei <florian.scholdei@cloudogu.com>
Date: Fri, 14 Dec 2018 16:28:06 +0100
Subject: [PATCH 2/4] added css-class to branch column and renamed it

---
 scm-ui/src/repos/sources/containers/Content.js | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/scm-ui/src/repos/sources/containers/Content.js b/scm-ui/src/repos/sources/containers/Content.js
index cbd83f9d6f..33bfc7a8ca 100644
--- a/scm-ui/src/repos/sources/containers/Content.js
+++ b/scm-ui/src/repos/sources/containers/Content.js
@@ -42,13 +42,12 @@ const styles = {
     display: "flex",
     alignItems: "center"
   },
-  wordBreakColumn: {
+  wordBreak: {
     WebkitHyphens: "auto",
     MozHyphens: "auto",
     MsHyphens: "auto",
     hypens: "auto",
     wordBreak: "break-all",
-    minWidth: "10em"
   }
 };
 
@@ -101,7 +100,7 @@ class Content extends React.Component<Props, State> {
                 classes.marginInHeader
               )}
             />
-            <span className={classes.wordBreakColumn}>{file.name}</span>
+            <span className={classes.wordBreak}>{file.name}</span>
           </div>
           <div className="media-right">{selector}</div>
         </article>
@@ -129,15 +128,15 @@ class Content extends React.Component<Props, State> {
     if (!collapsed) {
       return (
         <div className={classNames("panel-block", classes.toCenterContent)}>
-          <table className="table">
+          <table className="table table-hover table-sm is-fullwidth">
             <tbody>
               <tr>
                 <td>{t("sources.content.path")}</td>
-                <td className={classes.wordBreakColumn}>{file.path}</td>
+                <td className={classes.wordBreak}>{file.path}</td>
               </tr>
               <tr>
                 <td>{t("sources.content.branch")}</td>
-                <td>{revision}</td>
+                <td className={classes.wordBreak}>{revision}</td>
               </tr>
               <tr>
                 <td>{t("sources.content.size")}</td>
@@ -149,7 +148,7 @@ class Content extends React.Component<Props, State> {
               </tr>
               <tr>
                 <td>{t("sources.content.description")}</td>
-                <td className={classes.wordBreakColumn}>{description}</td>
+                <td className={classes.wordBreak}>{description}</td>
               </tr>
             </tbody>
           </table>

From 30fdce545530ba6df9bfb99af2f078350ee492aa Mon Sep 17 00:00:00 2001
From: Florian Scholdei <florian.scholdei@cloudogu.com>
Date: Fri, 14 Dec 2018 16:30:19 +0100
Subject: [PATCH 3/4] corrected wrong approach

---
 scm-ui/src/repos/sources/containers/Content.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scm-ui/src/repos/sources/containers/Content.js b/scm-ui/src/repos/sources/containers/Content.js
index 33bfc7a8ca..4565746999 100644
--- a/scm-ui/src/repos/sources/containers/Content.js
+++ b/scm-ui/src/repos/sources/containers/Content.js
@@ -128,7 +128,7 @@ class Content extends React.Component<Props, State> {
     if (!collapsed) {
       return (
         <div className={classNames("panel-block", classes.toCenterContent)}>
-          <table className="table table-hover table-sm is-fullwidth">
+          <table className="table">
             <tbody>
               <tr>
                 <td>{t("sources.content.path")}</td>

From ee90707fcc82d792a0780e08adb1075697b6f286 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Wed, 19 Dec 2018 07:50:48 +0000
Subject: [PATCH 4/4] Close branch bug/single_source_overflow