no message

build/gui.html

@@ -471,18 +471,11 @@ if(f)g=void 0;else if(f=g[this.name],!f)return void console.error("Cannot find f
 <div>
 
     <style>:host {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  width: 100%;
-  display: block;
   font: 10px 'Lucida Grande', sans-serif;
   color: #eee;
   -webkit-font-smoothing: antialiased;
 }
 #row {
-  border: 1px solid #00f;
   height: 30px;
   -webkit-transition: background-color 0.2s linear;
   -moz-transition: background-color 0.2s linear;
@@ -498,22 +491,18 @@ if(f)g=void 0;else if(f=g[this.name],!f)return void console.error("Cannot find f
   height: 100%;
 }
 #name {
-  border: 1px solid #f0f;
-  overflow: hidden;
   padding: 0 8px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
-  display: inline-block;
   width: 40%;
-  height: 100%;
   cursor: default;
 }
 .comment-true #name {
   cursor: pointer;
 }
 #nameInner {
-  border: 1px solid #f00;
+  overflow: hidden;
   -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
   word-wrap: break-word;
@@ -572,10 +561,11 @@ if(f)g=void 0;else if(f=g[this.name],!f)return void console.error("Cannot find f
 }
 .comment-true #nameInner {
   display: inline-block;
+  border-bottom: 1px dotted rgba(255,255,255,0.25);
 }
 </style>
 
-    <div id="row" class="comment-{{ comment != null }}" layout="" horizontal="" center="">
+    <div id="row" class="comment-{{ comment != null }}" layout="" horizontal="">
         
         <div id="name" on-mouseover="{{ openComment }}" on-mouseout="{{ closeComment }}" layout="" horizontal="" center="">
 
@@ -636,28 +626,7 @@ Polymer('gui-row', {
 
 <template>
 
-<style>#closeButton {
+<style>#controllers {
-  font: 10px 'Lucida Grande', sans-serif;
-  color: #eee;
-  -webkit-font-smoothing: antialiased;
-  cursor: pointer;
-  text-align: center;
-  padding: 6px 8px;
-  background: #000;
-}
-#closeButton:hover {
-  background: #1a1a1a;
-}
-#closeButtonDocked {
-  position: absolute;
-  left: -40px;
-  border: 1px solid #00f;
-  top: 0;
-  color: #000;
-  width: 40px;
-  height: 40px;
-}
-#controllers {
   overflow: auto;
 }
 #container {
@@ -687,6 +656,26 @@ Polymer('gui-row', {
   -ms-transform: translate3d(245px, 0, 0);
   transform: translate3d(245px, 0, 0);
 }
+#closeButton {
+  font: 10px 'Lucida Grande', sans-serif;
+  color: #eee;
+  -webkit-font-smoothing: antialiased;
+  cursor: pointer;
+  text-align: center;
+  padding: 6px 8px;
+  background: #000;
+}
+#closeButton:hover {
+  background: #1a1a1a;
+}
+#closeButtonDocked {
+  position: absolute;
+  left: -40px;
+  top: 0;
+  color: #000;
+  width: 40px;
+  height: 40px;
+}
 </style>
 
 <div id="container" class="docked-{{ docked }} autoplace-{{ autoPlace }} open-{{ open }}">

elements/gui-panel/gui-panel.styl

@@ -1,38 +1,7 @@
 @import '../shared';
 
-#closeButton { 
-    
-    panel-font()
-
-    // font-size: 14px;
-    
-    cursor: pointer;
-    text-align: center;
-    padding: padding * 0.75 padding;
-    background: black;
-
-    &:hover { 
-        background: panel-color;
-    }
-
-}
-
-#closeButtonDocked { 
-    
-    position: absolute;
-    left: -40px;
-    border: 1px solid blue;
-    top: 0;
-    color: black;
-
-    width: 40px;
-    height: 40px;
-
-}
-
 #controllers { 
     overflow: auto;
-
 }
 
 #container { 
@@ -76,6 +45,37 @@
 
     }
 
+}
 
 
+#closeButton { 
+    
+    panel-font()
+    
+    cursor: pointer;
+    text-align: center;
+    padding: padding * 0.75 padding;
+    background: black;
+
+    &:hover { 
+        background: panel-color;
+    }
+
+}
+
+#closeButtonDocked { 
+    
+    position: absolute;
+    left: -40px;
+    
+    cursor: pointer;
+    
+    border: 1px solid blue;
+
+    top: 0;
+    color: black;
+
+    width: 40px;
+    height: 40px;
+
 }

elements/gui-row/gui-row.html

@@ -8,7 +8,7 @@
 
     <link rel="stylesheet" href="gui-row.css">
 
-    <div id="row" class="comment-{{ comment != null }}" layout horizontal center>
+    <div id="row" class="comment-{{ comment != null }}" layout horizontal>
         
         <div 
             id="name"

elements/gui-row/gui-row.styl

@@ -3,17 +3,13 @@
 
 :host {
 
-    user-select: none;
-
-    width: 100%;
-    display: block;
-    
     panel-font()
 
 }
 
 #row {
 
+
     debug( blue )
     
     height: min-row-height;
@@ -34,12 +30,10 @@
 
     debug( magenta )
 
-    overflow: hidden;
+    // overflow: hidden;
     padding: 0 padding;
     box-sizing: border-box;
-    display: inline-block;
     width: 40%;
-    height: 100%;
     cursor: default;
 
     .comment-true & { 
@@ -52,6 +46,8 @@
 
     debug( red );
 
+
+    overflow: hidden;
     text-overflow: ellipsis;
     word-wrap: break-word;
     
@@ -100,7 +96,7 @@
 .comment-true #nameInner { 
 
     display: inline-block;
-    // border-bottom: 1px dotted light;
+    border-bottom: 1px dotted light;
     
     &:after { 
         // content: ' ?';