From e548e2a31c30c87a4be4bb9f0684b99fb7ecd9af Mon Sep 17 00:00:00 2001
From: Bilal Catic <bilal.catic@hotmail.com>
Date: Mon, 19 Nov 2018 16:29:22 +0100
Subject: [PATCH] break project name and location details if too long

---
 frontend/src/containers/orders/components/OrderInfo.jsx   | 4 ++--
 .../src/containers/orders/style/ProcessContainer.scss     | 8 ++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/src/containers/orders/components/OrderInfo.jsx b/frontend/src/containers/orders/components/OrderInfo.jsx
index 5865735..e75ca4d 100644
--- a/frontend/src/containers/orders/components/OrderInfo.jsx
+++ b/frontend/src/containers/orders/components/OrderInfo.jsx
@@ -80,7 +80,7 @@ class OrderInfo extends Component {
                     <Col xl="2">
                         <div>
                             <div className="subtitle"><h6>{orderTexts.labels.REFERENCE}:</h6></div>
-                            <span>{orderInfo.reference || '-'}</span>
+                            <span className="reference">{orderInfo.reference || '-'}</span>
                         </div>
                         <div>
                             <div className="subtitle"><h6>{orderTexts.labels.BID}:</h6></div>
@@ -139,7 +139,7 @@ class OrderInfo extends Component {
                     <Col xl="2">
                         <div>
                             <div className="subtitle"><h6>{orderTexts.labels.PROJECT}:</h6></div>
-                            <span>{orderInfo.projectName || '-'}</span>
+                            <span className="project-name">{orderInfo.projectName || '-'}</span>
                         </div>
                         
                         <div className="terms-link">
diff --git a/frontend/src/containers/orders/style/ProcessContainer.scss b/frontend/src/containers/orders/style/ProcessContainer.scss
index 55bfad9..8b70054 100644
--- a/frontend/src/containers/orders/style/ProcessContainer.scss
+++ b/frontend/src/containers/orders/style/ProcessContainer.scss
@@ -7,6 +7,14 @@ $link-line-height: 1.5rem;
         margin-top: 0.5rem;
     }
 
+    .reference{
+        word-break: break-all;
+    }
+
+    .project-name{
+        word-break: break-all;
+    }
+
     .info-color {
         margin-top: 0.2rem;
         padding-left: 0.2rem;