address entry looks bearable on mobile now

front-ui/app/components/cart/checkoutPage.js

@@ -21,10 +21,10 @@ var CheckoutPage = React.createClass({
  
       var content = (
 <div className="checkout-page center">
-      <div className="form-horizontal">
+      <div className="form-horizontal checkout_form_margin">
             <fieldset>
                   <legend>Dostava</legend>
-                  <div className="form-group">
+                  <div className="form-group ">
 
                         <label className="col-md-4 control-label" htmlFor="name">Prezime i Ime</label>
                         <div className="col-md-4">
@@ -33,7 +33,7 @@ var CheckoutPage = React.createClass({
                               <span className="help-block">ime osobe koja prima pošiljku</span>
                         </div>
                   </div>
-                  <div className="form-group">
+                  <div className="form-group ">
                         <label className="col-md-4 control-label" htmlFor="name">Adresa</label>
                         <div className="col-md-4">
                               <RibicaFormError componentName="address" errorMessagesObject={this.state.deliveryDestinationErrors} />
@@ -42,18 +42,18 @@ var CheckoutPage = React.createClass({
                         </div>
                   </div>
       
-            <div className="form-group">
+            <div className="form-group ">
                   <label className="col-md-4 control-label" htmlFor="place">Mjesto</label>
                   <div className="col-md-4">
                         <RibicaFormError componentName="place" errorMessagesObject={this.state.deliveryDestinationErrors} />
                         <select id="place" name="place" className="form-control" value={this.state.deliveryDestination.get('place')}  onChange={this._onFieldChange} >
                             
-                        {supportedPlaceOptions}
+                        {supportedPlaceOptions} 
                     
                         </select>
                   </div>
             </div>
-            <div className="form-group">
+            <div className="form-group ">
                   <label className="col-md-4 control-label" htmlFor="phone">Telefon</label>
                   <div className="col-md-4">
                         <RibicaFormError componentName="phone" errorMessagesObject={this.state.deliveryDestinationErrors} />
@@ -64,7 +64,7 @@ var CheckoutPage = React.createClass({
                         <p className="help-block">broj mobitela - mora biti sa jedne od mreža u BiH</p>
                   </div>
             </div>
-            <div className="form-group">
+            <div className="form-group ">
                   <label className="col-md-4 control-label" htmlFor="email">E - mail</label>
                   <div className="col-md-4">
                         <RibicaFormError componentName="email" errorMessagesObject={this.state.deliveryDestinationErrors} />
@@ -72,13 +72,13 @@ var CheckoutPage = React.createClass({
                         <span className="help-block">E - mail adresa na koju će vam biti poslano obavještenje o narudžbi</span>
                   </div>
             </div>
-            <div className="form-group">
+            <div className="form-group ">
                   <label className="col-md-4 control-label" htmlFor="note">Napomena</label>
                   <div className="col-md-4">
                         <textarea className="form-control" id="note" name="note" value={this.state.deliveryDestination.get('note')}  onChange={this._onFieldChange} ></textarea>
                   </div>
             </div>
-            <div className="form-group">
+            <div className="form-group ">
                   <label className="col-md-4 control-label" htmlFor="order"></label>
                   <div className="col-md-8">
                         <div>      Roba: <CartTotal items={this.state.items} itemCounts={this.state.itemCounts} /><br />

front-ui/app/css/checkout.css

@@ -0,0 +1,5 @@
+.checkout_form_margin {
+	margin-right: 10px !important;
+	margin-left: 10px !important;
+
+}