From a158c76789019579b62da3972766c151b54c9686 Mon Sep 17 00:00:00 2001
From: Senad Uka <senaduka@gmail.com>
Date: Sun, 21 Jun 2015 10:40:58 +0200
Subject: [PATCH] modified item details page to look not horrible on mobile

---
 .../components/items/itemWithDetailsPage.js   | 21 ++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/front-ui/app/components/items/itemWithDetailsPage.js b/front-ui/app/components/items/itemWithDetailsPage.js
index ee773ef..d6f2194 100644
--- a/front-ui/app/components/items/itemWithDetailsPage.js
+++ b/front-ui/app/components/items/itemWithDetailsPage.js
@@ -17,11 +17,11 @@ var ItemWithDetailsPage = React.createClass({
       return (
      
         <div className="item-with-details row-fluid center">
-          <div className="col-md-5 col-md-offset-2 item_image">
+          <div className="col-md-5 col-md-offset-2 item_image col-sm-offset-2 col-sm-3">
              <img src={this.state.firstImage} width="100%" />      
           </div>
 
-          <div className="col-md-5">
+          <div className="col-md-5 col-sm-7 center">
            <div className='item_brand_name'> {this.state.item.get('brand').name}</div>
             <div className='item_name'> {this.state.item.get('name')}</div>
             <div>
@@ -30,16 +30,23 @@ var ItemWithDetailsPage = React.createClass({
              <div>Količina</div>
 
               <div> <AddToCart item={this.state.item}  /></div>
+            </div>
 
-              <div>
+          </div>
+          <div className="item-with-details row-fluid center">
+           <div className="col-lg-offset-2 col-lg-10 hidden-md hidden-sm hidden-xs">
                 <div className="item_description_tab">Opis proizvoda</div>
                 <div className="item_description_tab_area">        </div>
                 <div className="item_description_text">{this.state.item.get('description')}</div>
-             </div>
             </div>
-
-            <Traits traits={this.state.item.get('traits')} />
-          
+            <div className="col-xs-offset-2 col-xs-10 hidden-lg">
+                <h2>Opis proizvoda: </h2>
+                <div>        </div>
+                <p className="lead">{this.state.item.get('description')}</p>
+            </div>
+            <div className="col-xs-offset-2 col-xs-10">
+              <Traits traits={this.state.item.get('traits')} />
+            </div>
           </div>
         </div>
         );