From 8e3f071ef3de6185fef0ee3494d23894e7ec3cec Mon Sep 17 00:00:00 2001
From: Senad Uka <senaduka@gmail.com>
Date: Fri, 15 May 2015 18:38:45 +0200
Subject: [PATCH] almost finished product page / need to fix some css stuff

---
 .../components/items/itemWithDetailsPage.js   |  9 ++-
 front-ui/app/css/items.css                    | 69 +++++++++++++++++++
 2 files changed, 76 insertions(+), 2 deletions(-)

diff --git a/front-ui/app/components/items/itemWithDetailsPage.js b/front-ui/app/components/items/itemWithDetailsPage.js
index b1f121e..4f62deb 100644
--- a/front-ui/app/components/items/itemWithDetailsPage.js
+++ b/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')} />
diff --git a/front-ui/app/css/items.css b/front-ui/app/css/items.css
index 1b88514..520856c 100644
--- a/front-ui/app/css/items.css
+++ b/front-ui/app/css/items.css
@@ -50,4 +50,73 @@
 	padding-bottom: 36px;
 
 
+}
+
+.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;
+
+
 }
\ No newline at end of file