changes column order

Author: siddharthlatest

app.js

@@ -23,6 +23,19 @@ var Testing = React.createClass({
 				credentials="cf7QByt5e:d2d60548-82a9-43cc-8b40-93cbbe75c34c"
 			>
 				<div className="row reverse-labels">
+					<div className="col s6 col-xs-6">
+						<RatingsFilter
+							componentId="RatingsSensor"
+							appbaseField="rating"
+							title="RatingsFilter"
+							data={
+							[{ start: 4, end: 5, label: "4 stars and up" },
+								{ start: 3, end: 5, label: "3 stars and up" },
+								{ start: 2, end: 5, label: "2 stars and up" },
+								{ start: 1, end: 5, label: "> 1 stars" }]
+							}
+						/>
+					</div>
 					<div className="col s6 col-xs-6">
 						<ResultCard
 							componentId="SearchResult"
@@ -53,19 +66,6 @@ var Testing = React.createClass({
 							}}
 						/>
 					</div>
-					<div className="col s6 col-xs-6">
-						<RatingsFilter
-							componentId="RatingsSensor"
-							appbaseField="rating"
-							title="RatingsFilter"
-							data={
-							[{ start: 4, end: 5, label: "4 stars and up" },
-								{ start: 3, end: 5, label: "3 stars and up" },
-								{ start: 2, end: 5, label: "2 stars and up" },
-								{ start: 1, end: 5, label: "> 1 stars" }]
-							}
-						/>
-					</div>
 				</div>
 			</ReactiveBase>
 			</div>