demo update

Wenqer · Jul 31, 2014 · 8431af7 · 8431af7
1 parent ba48bb4
commit 8431af7
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 6 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,5 @@
 node_modules
+components
 dist
 .sass-cache
 .tmp
diff --git a/demo.html b/demo.html
@@ -2,15 +2,19 @@
 <html>
 <head>
   <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
-  <title>paper-calendar Demo</title>
+  <title>Paper-calendar Demo</title>
 
   <script src="../platform/platform.js"></script>
   <link rel="import" href="paper-calendar.html">
+  <style>
+		body,
+		html {
+		  margin-top: 100px;
+		}
+  </style>
 
 </head>
-<body unresolved>
-
-  <p>An `paper-calendar` looks like this:</p>
+<body unresolved horizontal layout center-justified>
 
   <paper-calendar></paper-calendar>
 

diff --git a/paper-calendar.css b/paper-calendar.css
@@ -1,5 +1,6 @@
 :host {
   display: block;
+  max-width: 200px;
 }
 .field {
   position: relative;
@@ -17,9 +18,13 @@
   border-radius: 6px;
   padding: 10px;
   position: absolute;
-  right: -110%;
-  top: 10px;
+  margin-left: 10px;
+  top: -10px;
   text-align: center;
+  font-size: 18px;
+  font-weight: 200;
+  line-height: 30px;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 #calendar.show {
   display: block;