pyc-website

commit b2dc2761cce30af7cc389f2118acbba67c36b368
parent c7f410801da90b9cbe2768a2c0d36097763206bd
Author: Jul <jul@9o.is>
Date:   Sat, 12 Apr 2014 13:38:06 -0400

text stays in screen in index.html in mobile devices

Diffstat:
M
src/main/webapp/index.html
 | 
4
++--
M
src/main/webapp/less/pages/index.less
 | 
22
+++++++++++++---------

2 files changed, 15 insertions(+), 11 deletions(-)
diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html
@@ -14,7 +14,7 @@
 			</div>
 			
 			<div class="row">
-				<div id="atm-benefits" class="col-xs-12 text-primary padding-20">
+				<div id="atm-benefits" class="col-xs-12 text-primary">
 					<table>
 						<tr>
 							<td><i class="fa fa-wrench fa-4x"></i></td>
@@ -37,7 +37,7 @@
 			</div>
 			
 			<div class="row">
-				<div class="col-xs-12">
+				<div class="col-xs-12 padding-top-20">
 					<div class="page-content text-primary">
 						<h1>Bitcoin ATM Application</h1>
 					</div>
diff --git a/src/main/webapp/less/pages/index.less b/src/main/webapp/less/pages/index.less
@@ -1,11 +1,8 @@
 #content-index {
-	& > div[class^="col-"], .semi-content-index > div[class^="col-"] {
-		padding-left: 30px;
-		padding-right: 30px;
-	}
 	
 	@index-page-height: 1025px;
 	@buysell-height: 275px;
+	@semi-content-padding: @jumbotron-padding;
 	
 	@media(max-width: @screen-sm-max) {
 		#applyatm-index {
@@ -14,11 +11,17 @@
 	
 		#buysell-index {
 			min-height: 0;
+			margin-top: @jumbotron-padding;
 		}
 		
 		#whoweare-index, #findatm-index {
 			min-height: 0;
 		}
+		
+		& > div[class^="col-"], .semi-content-index > div[class^="col-"] {
+			padding-left: @semi-content-padding + 20;
+			padding-right: @semi-content-padding + 20;
+		}
 	}
 	
 	@media(min-width: @screen-md) {
@@ -28,16 +31,17 @@
 	
 		#buysell-index {
 			min-height: @buysell-height;
+			padding-left: 0; // jumbotron
 		}
 		
 		#whoweare-index, #findatm-index {
 			min-height: @index-page-height - @buysell-height;
 		}
-	}
-	
-	// for jumbotron
-	#buysell-index {
-		padding-left: 0;
+		
+		& > div[class^="col-"], .semi-content-index > div[class^="col-"] {
+			padding-left: @semi-content-padding;
+			padding-right: @semi-content-padding;
+		}
 	}