remove cruft, import way less stuff

elements/designer-element/designer-element.html

@@ -1,5 +1,7 @@
-<link rel="import" href="../../components/polymer-elements/elements.html">
-<link rel="import" href="../../components/polymer-ui-elements/elements.html">
+<link rel="import" href="../../components/polymer-layout/polymer-layout.html">
+<link rel="import" href="../../components/polymer-flex-layout/polymer-flex-layout.html">
+<link rel="import" href="../../components/polymer-ui-toolbar/polymer-ui-toolbar.html">
+<link rel="import" href="../../components/polymer-ui-icon-button/polymer-ui-icon-button.html">
 
 <link rel="import" href="../../components/code-mirror/code-mirror.html">
 <link rel="import" href="../../components/github-elements/github-elements.html">
@@ -20,10 +22,6 @@
       border: none;
     }
 
-    #appbar {
-      xbackground: #4285f4;
-    }
-
     #viewSelector {
       padding: 4px;
       background: #E0E0E0;
@@ -54,33 +52,42 @@
   <polymer-layout vertical></polymer-layout>
 
   <polymer-ui-toolbar id="appbar" theme="polymer-ui-light-theme">
+
     <polymer-ui-icon-button icon="maximize" on-tap="{{fullscreenAction}}"></polymer-ui-icon-button>
+
     <polymer-selector id="viewSelector" selected="{{selected}}">
       <polymer-ui-icon-button src="assets/design.png" name="design"></polymer-ui-icon-button>
       <polymer-ui-icon-button src="assets/code.png" name="code"></polymer-ui-icon-button>
     </polymer-selector>
+
     <span style="padding-right: 24px;"></span>
+
     <polymer-ui-icon-button icon="add" on-tap="{{saveAction}}"></polymer-ui-icon-button>
     <!-- shareAction has to be triggered from on-click to allow opening a tab (otherwise can only open a floating window) -->
     <polymer-ui-icon-button icon="shortcut" on-click="{{shareAction}}"></polymer-ui-icon-button>
+
     <span style="padding-right: 16px;"></span>
+
     <polymer-ui-icon-button icon="left" on-tap="{{promoteElement}}"></polymer-ui-icon-button>
     <polymer-ui-icon-button icon="right" on-tap="{{demoteElement}}"></polymer-ui-icon-button>
 
   </polymer-ui-toolbar>
 
   <polymer-ui-pages flex selected="{{selected}}">
+
     <section name="design">
       <polymer-flex-layout></polymer-flex-layout>
       <div id="frameContainer" flex>
         <iframe id="frame" src="designer.html"></iframe>
       </div>
       <x-inspector id="inspector" on-delete-element="{{deleteElement}}" on-parent-element="{{selectParentElement}}" on-bind-property="{{applyPropertyBinding}}"></x-inspector>
     </section>
+
     <section name="code">
       <polymer-layout></polymer-layout>
       <code-mirror id="code" flex></code-mirror>
     </section>
+
   </polymer-ui-pages>
 
   <x-dom-serializer id="serializer"></x-dom-serializer>