styling tweaks

googlearchive · Apr 11, 2014 · f6f9390 · f6f9390
1 parent bd7a879
commit f6f9390
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 13 deletions.
diff --git a/core-component-page.css b/core-component-page.css
@@ -8,8 +8,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
 */
 
 :host {
-  position: relative;
-  display: block;
   font-family: Arial, sans-serif;
   height: 100vh;
 }
@@ -39,12 +37,7 @@ h2 {
   margin: 4px 0;
 }
 
-core-doc-viewer {
-  display: block;
-  position: absolute;
-  top: 50px;
-  right: 0;
-  bottom: 0px;
-  left: 0;
-  border: 1px solid silver;
+core-toolbar {
+  background-color: #E91E63;
+  color: white;
 }
diff --git a/core-component-page.html b/core-component-page.html
@@ -8,12 +8,16 @@
 -->
 
 <style>
+
   body {
     margin: 0;
   }
+
 </style>
 
+<link rel="import" href="../core-layout/core-layout.html">
 <link rel="import" href="../core-doc-viewer/core-doc-viewer.html">
+<link rel="import" href="../core-toolbar/core-toolbar.html">
 
 <!--
 
@@ -41,11 +45,14 @@
 
     <link rel="stylesheet" href="core-component-page.css">
 
-    <h2>{{moduleName}}</h2>
+    <core-layout flow="v"></core-layout>
 
-    <a class="choiceC" target="_blank" href="../{{moduleName}}/demo.html">demo</a>
+    <core-toolbar>
+      <span>{{moduleName}}</span>
+      <a class="choiceC" target="_blank" href="../{{moduleName}}/demo.html">demo</a>
+    </core-toolbar>
 
-    <core-doc-viewer url="{{url}}" sources="{{sources}}"></core-doc-viewer>
+    <core-doc-viewer core-flex url="{{url}}" sources="{{sources}}"></core-doc-viewer>
 
   </template>