more mobile styles

public/docs/_layout.jade

@@ -11,7 +11,7 @@ html(lang="en" ng-app="angularIOApp")
     if banner
       != partial("../_includes/_banner")
 
-    article.l-pad-6.grid-fluid.docs-content
+    article.l-content-small.grid-fluid.docs-content
       != yield
 
     != partial("../_includes/_footer")

public/docs/dart/latest/_data.json

@@ -24,6 +24,7 @@
 
   "help": {
     "icon": "chat",
-    "title": "Help & Support"
+    "title": "Help & Support",
+    "subtitle": "Developers passionate about solving problems"
   }
 }

public/docs/js/latest/_data.json

@@ -24,6 +24,7 @@
 
   "help": {
     "icon": "chat",
-    "title": "Help & Support"
+    "title": "Help & Support",
+    "subtitle": "Developers passionate about solving problems"
   }
 }

public/docs/js/latest/index.jade

@@ -1,6 +1,6 @@
 
 div.c4
-  md-card
+  md-card.card
     md-card-content
       h3.text-headline.text-uppercase <span class="icon-query-builder"></span> Quickstart
       p.text-body Learn in 5 minutes
@@ -10,7 +10,7 @@ div.c4
 
 
 div.c4
-  md-card
+  md-card.card
     md-card-content
       h3.text-headline.text-uppercase <span class="icon-play-circle-outline"></span> Resources
       p.text-body Preview of v2.0
@@ -20,7 +20,7 @@ div.c4
 
 
 div.c4
-  md-card
+  md-card.card
     md-card-content
       h3.text-headline.text-uppercase <span class="icon-book"></span> API Preview
       p.text-body Proposal for v2.0 API

public/resources/css/layout/_layout.scss

@@ -59,7 +59,17 @@
   @media handheld and (max-width: $phone-breakpoint),
   screen and (max-device-width: $phone-breakpoint),
   screen and (max-width: $tablet-breakpoint) {
-    padding: ($unit * 3) $unit;
+    padding: ($unit * 3) ($unit * 2);
+  }
+}
+
+.l-content-small {
+  padding: $unit * 6;
+
+  @media handheld and (max-width: $phone-breakpoint),
+  screen and (max-device-width: $phone-breakpoint),
+  screen and (max-width: $tablet-breakpoint) {
+    padding: ($unit * 3) ($unit * 2);
   }
 }
 
@@ -78,6 +88,12 @@
   border-left: ($unit / 2) solid $cactus;
   border-radius: ($unit / 2);
 
+  @media handheld and (max-width: $phone-breakpoint),
+  screen and (max-device-width: $phone-breakpoint),
+  screen and (max-width: $tablet-breakpoint) {
+    padding: ($unit * 3) ($unit * 1);
+  }
+
   &:last-child {
     margin: 0;
   }