minor cleanup/refactor

GeoloeG · Mar 11, 2016 · a4cc09e · a4cc09e
1 parent 21c63ae
commit a4cc09e
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 9 deletions.
diff --git a/bower.json b/bower.json
@@ -66,6 +66,7 @@
     "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
     "iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0",
     "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0",
-    "paper-toolbar": "PolymerElements/paper-toolbar#^1.0.0"
+    "paper-toolbar": "PolymerElements/paper-toolbar#^1.0.0",
+    "paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0"
   }
 }
diff --git a/demo/index.html b/demo/index.html
@@ -11,8 +11,8 @@
 
     <link rel="import" href="../../polymer/polymer.html">
 
-    <link rel="import" href="../../iron-image/iron-image.html">
     <link rel="import" href="../../paper-toolbar/paper-toolbar.html">
+    <link rel="import" href="../../paper-icon-button/paper-icon-button.html">
     <link rel="import" href="../../paper-input/paper-input.html">
     <link rel="import" href="../../paper-material/paper-material.html">
 
@@ -30,6 +30,10 @@
 
 
     <style is="custom-style">
+      body {
+        padding: 0;        
+      }
+
       #intro {
         margin-top: 24px;
       }
@@ -52,18 +56,17 @@
           color: white;
         };
       }
+
+      /* Provied mobile friendly view */
+      @media (max-width: 600px) {
+      }
+
     </style>
 
   </head>
   <body unresolved>
     <template id="t" is="dom-bind">
-
-      <paper-toolbar>
-        <paper-icon-button icon="menu"></paper-icon-button>
-        <span class="title">Firebase Element eXtended Demo</span>
-        <firebase-account-menu></firebase-account-menu>
-      </paper-toolbar>
-
+      <!-- Firebase related element -->
       <firebase-auth-manager
         location="https://metanov-test.firebaseio.com">
       </firebase-auth-manager>
@@ -81,6 +84,15 @@ <h2 title-sign-in>Sign-In Dialog</h2>
 
       <firebase-state logged="{{logged}}" user="{{user}}"></firebase-state>
 
+      <!-- App Toolbar -->
+      <paper-toolbar>
+        <paper-icon-button icon="menu"></paper-icon-button>
+        <paper-icon-button icon="info"></paper-icon-button>
+        <span class="title">Firebase Element eXtended Demo</span>
+        <firebase-account-menu></firebase-account-menu>
+      </paper-toolbar>
+
+      <!-- App Content -->
       <br>
       <span>Simply <b>Sign-Up</b> and/or <b>Sign-In</b> and modify dynamically the information of your profile!</span>