ux change at restaurant's page

include/views/default/crunchbutton/frontend/restaurant.phtml

@@ -52,13 +52,13 @@
 
 				<div ng-show="!order.cart.hasItems()" class="order-begin">
 					<div class="icon">
-						<i ng-show="!App.isMobile()" class="icon-arrow-left"></i> 	
-						<i ng-show="App.isMobile()" class="icon-arrow-down"></i> 
+						<i class="icon-arrow-left desktop"></i> 	
+						<i class="icon-arrow-down mobile"></i> 
 					</div>
 					<div class="text">
 						Begin by clicking on anything from our curated menu 
-						<span ng-show="!App.isMobile()"> on the left!</span>
-						<span ng-show="App.isMobile()"> below!</span>
+						<span class="desktop"> on the left!</span>
+						<span class="mobile"> below!</span>
 					</div>
 					<div class="divider"></div>
 				</div>
@@ -67,8 +67,6 @@
 					Add $<span class="delivery-min-diff">{{order.info.deliveryMinDiff}}</span> from menu to meet delivery minimum.
 				</div>
 
-
-
 				<!-- Cart's basket -->
 				<div>
 

www/assets/css/style.css

@@ -979,6 +979,20 @@ html[xmlns] .clearfix {
 }
 
 @media only screen and (max-width : 1023px) {
+
+	.order-begin{
+		margin-right: auto !important;
+		margin-left: auto !important;
+		margin-bottom: 30px !important;
+	}
+
+	.order-begin .desktop{
+		display: none !important;
+	}
+	.order-begin .mobile{
+		display: inline !important;
+	}
+
 	.home-tagline, .home-welcome {
 		text-align: center;
 	}
@@ -2800,7 +2814,12 @@ strong {
 	.order-begin .text{
 		width: 300px;
 	}
-
+	.order-begin .desktop{
+		display: inline;
+	}
+	.order-begin .mobile{
+		display: none;
+	}
 /**
  * unused blurs
 

www/assets/js/app.js

@@ -75,43 +75,6 @@ App.toggleMenu = function() {
 };
 
 
-
-/**
- * Loads up "community" keyword pages
- */
- /*
-	TODO: replace this method by the CommunityAliasService
- */
-App.routeAlias = function( id, success, error ) {
-	id = id.replace('/','').toLowerCase();
-	alias = App.aliases[id] || false;
-	success = success || function(){};
-	error = error || function(){};
-
-	if (alias) {
-		// Get the location of the alias
-		var loc = App.locations[alias.id_community];
-
-		if (loc.loc_lat && loc.loc_lon) {
-
-			var res = new Location({
-				lat: loc.loc_lat,
-				lon: loc.loc_lon,
-				type: 'alias',
-				verified: true,
-				prep: alias.prep,
-				city: alias.name_alt,
-				address: alias.name_alt
-			});
-			success({alias: res});
-			return;
-		}
-	}
-
-	error();
-};
-
-
 App.NGinit = function() {
 	$('body').attr('ng-controller', 'AppController');
 	angular.bootstrap(document,['NGApp']);