functional DOM inspector

3 files changed, 10 insertions, 6 deletions

diff --git a/src/css/3p-filters.css b/src/css/3p-filters.css
index f59af33..67502c9 100644
--- a/src/css/3p-filters.css
+++ b/src/css/3p-filters.css
@@ -75,7 +75,7 @@ li.listEntry > a:nth-of-type(3) {
     }
 /* I designed the button with: http://charliepark.org/bootstrap_buttons/ */
 button.custom {
-    padding: 5px;
+    padding: 0.6em 1em;
     border: 1px solid transparent;
     border-color: #80b3ff #80b3ff hsl(216, 100%, 75%);
     border-radius: 3px;
@@ -98,7 +98,6 @@ button.custom:hover {
 #buttonApply {
     display: initial;
     margin: 1em 0;
-    padding: 1em;
     position: fixed;
     right: 1em;
     top: 0;
diff --git a/src/css/common.css b/src/css/common.css
index 7301a44..5fea2eb 100644
--- a/src/css/common.css
+++ b/src/css/common.css
@@ -18,7 +18,7 @@ body {
     font: 14px/1.3 sans-serif;
     }
 button.important {
-    padding: 5px;
+    padding: 0.6em 1em;
     border: 1px solid transparent;
     border-color: #ffcc7f #ffcc7f hsl(36, 100%, 73%);
     border-radius: 3px;
diff --git a/src/css/logger-ui-inspector.css b/src/css/logger-ui-inspector.css
index 2dc5511..3cc17cc 100644
--- a/src/css/logger-ui-inspector.css
+++ b/src/css/logger-ui-inspector.css
@@ -1,8 +1,8 @@
 #domInspector {
     border-top: 1px solid #ccc;
     display: none;
-    max-height: 40%;
-    min-height: 40%;
+    max-height: 70%;
+    min-height: 70%;
     overflow: auto;
     }
 #domInspector.enabled {
@@ -83,6 +83,11 @@
     display: block;
     }
 
+#cosmeticFilteringDialog .dialog {
+    text-align: center;
+    }
 #cosmeticFilteringDialog .dialog textarea {
     height: 40vh;
-}
+    white-space: pre;
+    word-wrap: normal;
+    }