Merge pull request google#294 from google/comp-pages

Fix visual on component pages (fixes google#277)
jpaulolxm · May 13, 2015 · 6598ffe · 6598ffe
2 parents 672da04 + fbf8069
commit 6598ffe
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 14 deletions.
diff --git a/docs/_assets/main.css b/docs/_assets/main.css
@@ -284,3 +284,11 @@ button a {
   color: inherit;
   text-decoration: none;
 }
+
+.component-description {
+  max-width: 720px;
+  padding: 40px;
+}
+.component-description .mdl-button:first-of-type {
+  margin-top: 8px;
+}
diff --git a/docs/_templates/component.html b/docs/_templates/component.html
@@ -1,20 +1,15 @@
 {% extends 'layout.html' %}
 
 {% block content %}
+  <div class="component-description mdl-cell mdl-cell--12-col">
+    <div>
+      <a href="../">back to all </a>
+    </div>
 
-<div>
-  <a href="../">back to all </a>
-</div>
-
-<div>
-  <button class="mdl-button mdl-js-button mdl-button--raised">
-    <a href="demo.html">demo</a></button>
-</div>
-
-
-
-{{content|safe}}
+    <div>
+    <a href="demo.html" class="mdl-button mdl-js-button mdl-button--raised">demo</a></button>
+    </div>
 
+    {{content|safe}}
+  </div>
 {% endblock %}
-
-