Fixed width issues on mobile fixes #5

ideal-postcodes · Feb 27, 2014 · cbf6780 · cbf6780
1 parent 3f48c68
commit cbf6780
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/app/views/pages/home.jade b/app/views/pages/home.jade
@@ -8,34 +8,34 @@ block main
 					h1.mast-text Postcode &amp; Geolocation API for the UK
 					h3. Free, Open Source and based on solely Open Data
 					.gitlinks
-						iframe(src="http://ghbtns.com/github-btn.html?user=ideal-postcodes&repo=postcodes.io&type=watch&count=true", allowtransparency="true", frameborder="0", scrolling="0", width="62", height="20")
-						iframe(src="http://ghbtns.com/github-btn.html?user=ideal-postcodes&repo=postcodes.io&type=fork&count=true", allowtransparency="true", frameborder="0", scrolling="0", width="62", height="20")
+						iframe(src="http://ghbtns.com/github-btn.html?user=ideal-postcodes&repo=postcodes.io&type=watch&count=true", allowtransparency="true", frameborder="0", scrolling="0", width="90", height="20")
+						iframe(src="http://ghbtns.com/github-btn.html?user=ideal-postcodes&repo=postcodes.io&type=fork&count=true", allowtransparency="true", frameborder="0", scrolling="0", width="90", height="20")
 
 block content
 	.header
 		.container
 			.row
-				.col-lg-4
+				.col-xs-4
 					.points
 						img(src="images/github.png",alt="github")
 						h4 Open Source
 						p MIT licensed. Maintained and freely available on 
 							a(href="https://github.com/ideal-postcodes/postcodes.io") Github. 
 							| Fork it, make a contribution or even set up your own
-				.col-lg-4
+				.col-xs-4
 					.points
 						img(src="images/map.png",alt="map")
 						h4 Regularly Updated
 						p Updated with the latest data from Ordnance Survey and Office for National Statistics when it becomes available
-				.col-lg-4
+				.col-xs-4
 					.points
 						img(src="images/cmd.png",alt="cmd")
 						h4 Convenient Methods
 						p Simple, useful and self-explanatory API methods like bulk reverse geocoding, autocomplete and validation
 	.container
 		.row
 			.col-lg-12
-				h1.api-header API Endpoint & Methods
+				h1.api-header API Endpoint &amp; Methods
 				.api-demo
 
 					.api-method

diff --git a/public/css/app.css b/public/css/app.css
@@ -94,7 +94,6 @@ h1.mast-text {
   border-radius: 5px;
   font-size: 90%;
   color: #111;
-  margin-left: 2em;
   float: right;
 }
 
@@ -142,10 +141,17 @@ h1.api-header {
 
 .api-method {
   text-align: left;
-  max-width: 68%;
   margin: 0 auto;
 }
 
+@media (min-width: 1200px) { 
+  .api-method {
+    max-width: 68%;
+  }
+}
+
+
+
 ul.doc-menu {
   margin-top: 1em;
 }