Fix overflow of long words

scm-ui/ui-components/src/MarkdownView.tsx

@@ -89,7 +89,7 @@ class MarkdownView extends React.Component<Props> {
     return (
       <div ref={el => (this.contentRef = el)}>
         <Markdown
-          className="content"
+          className="content is-word-break"
           skipHtml={skipHtml}
           escapeHtml={skipHtml}
           source={content}

scm-ui/ui-webapp/src/repos/branches/components/BranchRow.tsx

@@ -34,7 +34,7 @@ type Props = {
 class BranchRow extends React.Component<Props> {
   renderLink(to: string, label: string, defaultBranch?: boolean) {
     return (
-      <Link to={to}>
+      <Link to={to} title={label}>
         {label} <DefaultBranchTag defaultBranch={defaultBranch} />
       </Link>
     );

scm-ui/ui-webapp/src/repos/branches/components/BranchTable.tsx

@@ -35,7 +35,7 @@ class BranchTable extends React.Component<Props> {
   render() {
     const { t } = this.props;
     return (
-      <table className="card-table table is-hoverable is-fullwidth">
+      <table className="card-table table is-hoverable is-fullwidth is-word-break">
         <thead>
           <tr>
             <th>{t("branches.table.branches")}</th>

scm-ui/ui-webapp/src/repos/components/RepositoryDetailTable.tsx

@@ -52,7 +52,7 @@ class RepositoryDetailTable extends React.Component<Props> {
           </tr>
           <tr>
             <th>{t("repository.description")}</th>
-            <td>{repository.description}</td>
+            <td className="is-word-break">{repository.description}</td>
           </tr>
           <tr>
             <th>{t("repository.creationDate")}</th>