Changed Web Response UI to show important fields as part of entity information

ram-g-athreya · ram-g-athreya · commit f0900122ce85 · 2017-07-25T21:02:49.000+05:30
diff --git a/app/src/js/components/chat/Message.jsx b/app/src/js/components/chat/Message.jsx
@@ -139,8 +139,8 @@ class Message extends React.Component {
                                                 );
                                             }
 
-                                            return <div key={index} className="field">
-                                                <div className="field-name">{field.name}:</div>
+                                            return <div key={index} className="field wrap-word">
+                                                <div className="field-name wrap-word">{field.name}:</div>
                                                 {valueDiv}
                                             </div>
                                         })}
diff --git a/app/src/less/modules/carousel.less b/app/src/less/modules/carousel.less
@@ -32,7 +32,7 @@
         text-align: center;
         display: inline-block;
         padding: 5px;
-        width: 30%;
+        max-width: 30%;
     }
 
     img {
@@ -86,7 +86,7 @@
             display: inline-block;
             color: @brand-primary;
             vertical-align: top;
-            width: 30%;
+            width: 120px;
         }
         .field-value {
             display: inline-block;
