sidebar design implemented on search by category and by section page

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

@@ -61,9 +61,9 @@ var ByCategory = React.createClass({
       var self = this;
       return (
           <div>
-          <div className='col-md-2'> 
-          <div className='h4'>{this.state.category.get('name')}</div>
-          <div>Podkategorije</div>
+            <div
+              style={{height: "100%"}}
+              className="col-lg-2 col-md-2 col-sm-4 col-xs-4 sidebar ">
           <ul>
           {(this.state.category.get('sub_categories') || []).map(function(sc) {
                                                                                 return (<li> <a onClick={self.onSCClick.bind(self, sc)}>{sc.name}</a></li>)
@@ -71,10 +71,12 @@ var ByCategory = React.createClass({
           </ul>
 
           <FilterCriteriaSelector filterCriterias={this.state.category.get('filter_criterias')} onFCClick={this.onFCClick} />
-          
+
       </div>
 
-        <div className='col-md-10'>
+      <div
+        style={{height: "100%"}}
+        className="col-lg-10 col-md-10 col-sm-8 col-xs-8 ">
 
           <LinkBanner locationName="category" locationId={Number(this.getParams().id)} />
 
@@ -82,7 +84,7 @@ var ByCategory = React.createClass({
         Number of items in this category: {this.state.items.length}
       <div>
           <AppliedFiltersList filters={this.appliedCategoryFiltersArray()} onRemove={self.removeAppliedFilter} />
-       
+
       </div>