From cf8f5c26e553c92cf5d3a68fdde689e8463b6bd5 Mon Sep 17 00:00:00 2001
From: Raymond Hill <rhill@raymondhill.net>
Date: Thu, 4 Dec 2014 11:33:44 -0200
Subject: [PATCH] this fixes #396

---
 src/js/element-picker.js | 29 ++++++++++++++---------------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/js/element-picker.js b/src/js/element-picker.js
index 471cc64e2..278f5ce9e 100644
--- a/src/js/element-picker.js
+++ b/src/js/element-picker.js
@@ -687,6 +687,8 @@ var startPicker = function(details) {
             'border-radius: 0;',
             'box-shadow: none;',
             'color: #000;',
+            'display: inline;',
+            'float: none;',
             'font: 12px sans-serif;',
             'height: auto;',
             'letter-spacing: normal;',
@@ -705,7 +707,7 @@ var startPicker = function(details) {
             'top: 0;',
             'left: 0;',
         '}',
-        '#µBlock li {',
+        '#µBlock ul, #µBlock li {',
             'display: block;',
         '}',
         '#µBlock button {',
@@ -765,17 +767,18 @@ var startPicker = function(details) {
         '}',
         '#µBlock.paused > div {',
             'opacity: 0.2;',
-            'display: initial;',
+            'display: block;',
         '}',
         '#µBlock.paused > div:hover {',
             'opacity: 1;',
         '}',
         '#µBlock > div > div {',
-            'padding: 0;',
             'box-sizing: border-box;',
-            'width: 100%;',
+            'display: inline-block;',
             'height: 8em;',
+            'padding: 0;',
             'position: relative;',
+            'width: 100%;',
         '}',
         '#µBlock > div > div > textarea {',
             'border: 1px solid #ccc;',
@@ -789,11 +792,11 @@ var startPicker = function(details) {
             'font: 11px monospace;',
         '}',
         '#µBlock > div > div > div {',
+            'bottom: 2px;',
+            'direction: ltr;',
+            'opacity: 0.2;',
             'position: absolute;',
             'right: 2px;',
-            'bottom: 2px;',
-            'opacity: 0.2;',
-            'direction: ltr;',
         '}',
         '#µBlock > div > div > div:hover {',
             'opacity: 1;',
@@ -803,16 +806,12 @@ var startPicker = function(details) {
         '}',
         '#µBlock > div > ul {',
             'margin: 0;',
-            'border: 1px solid #ccc;',
-            'padding: 3px;',
             'list-style-type: none;',
             'text-align: left;',
             'overflow: hidden;',
         '}',
         '#µBlock > div > ul > li {',
-        '}',
-        '#µBlock > div > ul > li:not(:first-child) {',
-            'margin-top: 0.5em;',
+            'padding-top: 3px;',
         '}',
         '#µBlock > div > ul > li > span:nth-of-type(1) {',
             'font-weight: bold;',
@@ -822,11 +821,11 @@ var startPicker = function(details) {
             'color: gray;',
         '}',
         '#µBlock > div > ul > li > ul {',
-            'margin: 0 0 0 1em;',
-            'list-style-type: none;',
-            'text-align: left;',
             'background-color: #eee;',
+            'list-style-type: none;',
+            'margin: 0 0 0 1em;',
             'overflow: hidden;',
+            'text-align: left;',
         '}',
         '#µBlock > div > ul > li > ul > li {',
             'font: 11px monospace;',