From f4e258cb82e004d969545f37ccc1a6d3d4c4adb4 Mon Sep 17 00:00:00 2001
From: Senad Uka <senaduka@gmail.com>
Date: Mon, 9 Mar 2015 07:38:34 +0100
Subject: [PATCH] redesigned + and - to be clear

---
 front-ui/app/components/cart/addToCart.js    |  6 +++---
 front-ui/app/components/cart/checkoutPage.js | 15 +++++++++++++++
 front-ui/app/css/cart.css                    |  8 ++++++++
 3 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/front-ui/app/components/cart/addToCart.js b/front-ui/app/components/cart/addToCart.js
index 1180abd..b7d5e8a 100644
--- a/front-ui/app/components/cart/addToCart.js
+++ b/front-ui/app/components/cart/addToCart.js
@@ -17,9 +17,9 @@ var AddToCart = React.createClass({
       var moreThanZeroItems = (
           <div className="row-fluid add-to-cart">
             <div className="span12">
-              <div style={buttonHolderStyle}><button className="btn"> { itemCount } </button></div>
-              <div style={buttonHolderStyle}><button className="btn btn-success"  onClick={this._onDecreaseClick}>-</button></div>
-              <div style={buttonHolderStyle}><button className="btn btn-success" onClick={this._onIncreaseClick}>+</button></div>
+              <div style={buttonHolderStyle}><button className="btn btn-default"  onClick={this._onDecreaseClick}>-</button></div>
+              <div style={buttonHolderStyle}> <div className="add-to-cart-count">{ itemCount }</div> </div>
+              <div style={buttonHolderStyle}><button className="btn btn-success" onClick={this._onIncreaseClick}>+ Dodaj</button></div>
             </div>
           </div> 
         );
diff --git a/front-ui/app/components/cart/checkoutPage.js b/front-ui/app/components/cart/checkoutPage.js
index bd67ed1..9c44ba1 100644
--- a/front-ui/app/components/cart/checkoutPage.js
+++ b/front-ui/app/components/cart/checkoutPage.js
@@ -39,6 +39,21 @@ var CheckoutPage = React.createClass({
                   <label className="col-md-4 control-label" htmlFor="place">Mjesto</label>
                   <div className="col-md-4">
                         <select id="place" name="place" className="form-control" value={this.state.deliveryDestination.get('place')}  onChange={this._onFieldChange} >
+                              <option value=" 71000">Sarajevo</option>
+                              <option value=" 71103">Sarajevo, Centar</option>
+                              <option value=" 71160">Sarajevo, Novi Grad</option>
+                              <option value=" 71120">Sarajevo, Novo Sarajevo</option>
+                              <option value=" 71140">Sarajevo, Stari Grad</option>
+                              <option value=" 78000">Banja Luka</option>
+                              <option value=" 75000">Tuzla</option>
+                              <option value=" 72000">Zenica</option>
+                              <option value=" 88000">Mostar</option>
+                              <option value=" 88000">Mostar, Jug</option>
+                              <option value=" 88000">Mostar, Jugozapad</option>
+                              <option value=" 88000">Mostar, Sjever</option>
+                              <option value=" 88000">Mostar, Zapad</option>
+                              <option value="-1">--------------------------------</option>
+
                               <option value="78255">Aleksandrovac</option>
                               <option value="89245">Avtovac</option>
                               <option value="76310">Balatun</option>
diff --git a/front-ui/app/css/cart.css b/front-ui/app/css/cart.css
index 88834af..eb15eea 100644
--- a/front-ui/app/css/cart.css
+++ b/front-ui/app/css/cart.css
@@ -2,6 +2,14 @@
 	padding-top: 20px;      
 }
 
+.add-to-cart-count {
+	font-size: 20px;
+	margin-top-top: 10px;
+	width: 50px;
+	text-align: center;
+	vertical-align: bottom; 
+}
+
 .shopping-cart-icon {
 	display: inline-block;
 	position: relative;