derping on the docs.

components.html

@@ -735,7 +735,7 @@ base_url: "../"
   <article class="component" id="formsWithInputGroup">
     <h3 class="component-title">Form with input group</h3>
 
-    <div class="component-example">
+    <div class="component-example component-example-fullbleed">
       <form class="input-group">
         <input type="text" placeholder="Full name">
         <input type="email" placeholder="Email">
@@ -757,7 +757,7 @@ base_url: "../"
   <article class="component" id="formsWithInputGroupAndLabels">
     <h3 class="component-title">Form with input group and labels</h3>
 
-    <div class="component-example">
+    <div class="component-example component-example-fullbleed">
       <form class="input-group">
         <div class="input-row">
           <label>Full name</label>

docs-assets/css/docs.css

@@ -77,6 +77,25 @@ h1, h2, h3, h4, h5, h6 {
   border: 0;
 }
 
+.component {
+  padding: 50px 15px;
+  margin-left: -15px;
+  margin-right: -15px;
+  border-bottom: 1px solid #ddd;
+}
+
+.component-title {
+  margin: 0;
+  font-size: 24px;
+  font-weight: 300;
+}
+
+.component-description {
+  margin-top: 10px;
+  margin-bottom: 10px;
+  font-size: 16px;
+}
+
 .component-example {
   font-family: "Helvetica Neue", Helvetica, sans-serif;
   font-size: 17px;
@@ -95,6 +114,11 @@ h1, h2, h3, h4, h5, h6 {
   margin-right: -15px;
 }
 
+.component-example .table-view.inset {
+  margin-left: 0;
+  margin-right: 0;
+}
+
 .component-example .bar-header-secondary {
   top: 0;
 }

lib/sass/docs.scss

@@ -83,7 +83,22 @@ h1, h2, h3, h4, h5, h6 {
 
 // Components
 // --------------------------------------------------
-
+.component {
+  padding: 50px 15px;
+  margin-left: -15px;
+  margin-right: -15px;
+  border-bottom: 1px solid #ddd;
+}
+.component-title {
+  margin: 0;
+  font-size: 24px;
+  font-weight: 300;
+}
+.component-description {
+  margin-top: 10px;
+  margin-bottom: 10px;
+  font-size: 16px;
+}
 .component-example {
   font-family: $font-family-default;
   font-size: $font-size-default;
@@ -99,6 +114,10 @@ h1, h2, h3, h4, h5, h6 {
   margin-left: -15px;
   margin-right: -15px;
 }
+.component-example .table-view.inset {
+  margin-left: 0;
+  margin-right: 0;
+}
 .component-example .bar-header-secondary {
   top: 0;
 }