almost finished product page / need to fix some css stuff

front-ui/app/components/items/itemWithDetailsPage.js

@@ -16,7 +16,7 @@ var ItemWithDetailsPage = React.createClass({
       return (
      
         <div className="item-with-details row-fluid center">
-          <div className="col-md-5 col-md-offset-2">
+          <div className="col-md-5 col-md-offset-2 item_image">
              <img src={this.state.firstImage} width="100%" />      
           </div>
 
@@ -29,7 +29,12 @@ var ItemWithDetailsPage = React.createClass({
              <div>Količina</div>
 
               <div> <AddToCart item={this.state.item}  /></div>
-             <div> {this.state.item.get('description')}</div>
+
+              <div>
+                <div className="item_description_tab">Opis proizvoda</div>
+                <div className="item_description_tab_area">        </div>
+                <div>{this.state.item.get('description')}</div>
+             </div>
             </div>
 
             <Traits traits={this.state.item.get('traits')} />

front-ui/app/css/items.css

@@ -51,3 +51,72 @@
 
 
 }
+
+.item_image {
+	border: 1px;
+	border-color: #cccccc;
+}
+
+
+
+
+/*   
+    
+    item description tab 
+
+
+ TTTTTTTTTTTTTTTTTTTTTTT         AAA               BBBBBBBBBBBBBBBBB   
+T:::::::::::::::::::::T        A:::A              B::::::::::::::::B  
+T:::::::::::::::::::::T       A:::::A             B::::::BBBBBB:::::B 
+T:::::TT:::::::TT:::::T      A:::::::A            BB:::::B     B:::::B
+TTTTTT  T:::::T  TTTTTT     A:::::::::A             B::::B     B:::::B
+        T:::::T            A:::::A:::::A            B::::B     B:::::B
+        T:::::T           A:::::A A:::::A           B::::BBBBBB:::::B 
+        T:::::T          A:::::A   A:::::A          B:::::::::::::BB  
+        T:::::T         A:::::A     A:::::A         B::::BBBBBB:::::B 
+        T:::::T        A:::::AAAAAAAAA:::::A        B::::B     B:::::B
+        T:::::T       A:::::::::::::::::::::A       B::::B     B:::::B
+        T:::::T      A:::::AAAAAAAAAAAAA:::::A      B::::B     B:::::B
+      TT:::::::TT   A:::::A             A:::::A   BB:::::BBBBBB::::::B
+      T:::::::::T  A:::::A               A:::::A  B:::::::::::::::::B 
+      T:::::::::T A:::::A                 A:::::A B::::::::::::::::B  
+      TTTTTTTTTTTAAAAAAA                   AAAAAAABBBBBBBBBBBBBBBBB   
+                                                                      
+                      
+
+
+*/
+
+.item_description_tab { 
+	border-top: 1px;
+	border-left: 1px;
+	border-right: 1px;
+	border-color: #d0d0d0;
+	padding-top: 10px;
+	padding-left: 32px;
+	padding-right: 32px;
+	border-style: solid;
+	border-bottom-style: none;
+	display: inline-block;
+	font-size: 20px;
+	font-weight: medium;
+	vertical-align: bottom;
+
+}
+
+.item_description_tab_area {
+
+	
+	border-color: #d0d0d0;
+	border-left-style: none;
+	border-right-style: none;
+	border-top-style: none;
+	border-bottom-style: solid;
+	border-bottom-width: 1px;
+	display: inline-block;
+	min-width: 50%;
+	max-width: 50%;
+	vertical-align: bottom;
+
+
+}