floating price on item list

front-ui/app/components/browsing/byCategory.js

@@ -90,8 +90,8 @@ var ByCategory = React.createClass({
             locationName="category"
             locationId={Number(this.getParams().id)} />
 
-          <h3> Kategorija - {this.state.category.get('name')}</h3>
-          Number of items in this category: {this.state.items.length}
+          <h3> {this.state.category.get('name')}</h3>
+        
           <div>
             <AppliedFiltersList
               filters={this.appliedCategoryFiltersArray()}
@@ -99,8 +99,6 @@ var ByCategory = React.createClass({
 
           </div>
 
-
-          <div> total count is : {this.state.items.totalCount}</div>
           <ItemList
             items={this.state.items}
             paginationEnabled={true}

front-ui/app/components/browsing/bySubCategory.js

@@ -30,17 +30,14 @@ var BySubCategory = React.createClass({
 
         return (<div> 
             <div className='col-md-2'>
-            
-          <FilterCriteriaSelector filterCriterias={this.state.subCategory.get('filter_criterias')} onFCClick={this.onFCClick} />
+                <FilterCriteriaSelector filterCriterias={this.state.subCategory.get('filter_criterias')} onFCClick={this.onFCClick} />
             </div>
             <div classname='col-md-10'>
             
             <h2>
-            Podkategorija {this.state.subCategory.get('name')}
+              {this.state.subCategory.get('name')}
             </h2>
-            
-        <div>Number of items in this subcategory: {this.state.items.length}</div>
-        <div>total count : {this.state.items.totalCount}</div>
+   
     <div>
           <AppliedFiltersList filters={this.appliedSubCategoryFiltersArray()} onRemove={this.removeAppliedFilter} />
        

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

@@ -36,7 +36,7 @@ var SingleItem = React.createClass({
               <div style={{height: "110px"}} className="item_name_and_price">
                <p><span className="text-uppercase">{ this.props.item.get('brand') ? this.props.item.get('brand').name : '' }</span>
                <br /><span className="text-capitalize">{ this.props.item.get('name') }</span></p>
-              <h4>{ Globals.FormatCurrency(this.props.item.get('list_price')) }</h4>
+              <h4 className="item_floating_price">{ Globals.FormatCurrency(this.props.item.get('list_price')) }</h4>
               </div>
           </div>
         </div>

front-ui/app/css/items.css

@@ -64,6 +64,14 @@
 }
 
 
+.item_floating_price {
+	position: absolute;
+	bottom: 8%;
+	right: 8%;
+	text-align: right;
+	width: 100%;
+}
+
 
 /*