Bug 352770 DOMI DOM Node textboxes should not appear editable

patch by jason_barnabe@fastmail.fm r=timeless sr=neil

extensions/inspector/resources/content/viewers/domNode/domNode.xul

@@ -39,23 +39,23 @@
  
   <deck id="dkContent" flex="1">
     <vbox id="bxElement">
-      <grid>
+      <grid id="olNodeInfo">
         <columns>
           <column/>
           <column flex="1"/>
         </columns>
         <rows>
           <row>
-            <label value="&nodeName.label;" />
-            <textbox id="tx_nodeName" readonly="true"/>
+            <label value="&nodeName.label;" for="tx_nodeName"/>
+            <textbox id="tx_nodeName" readonly="true" class="plain"/>
           </row>
           <row>
-            <label value="&namespaceURI.label;" />
-            <textbox id="tx_namespace" readonly="true"/>
+            <label value="&namespaceURI.label;" for="tx_namespace"/>
+            <textbox id="tx_namespace" readonly="true" class="plain"/>
           </row>
           <row>
-            <label value="&nodeType.label;" />
-            <textbox id="tx_nodeType" readonly="true"/>
+            <label value="&nodeType.label;" for="tx_nodeType"/>
+            <textbox id="tx_nodeType" readonly="true" class="plain"/>
           </row>
         </rows>
       </grid>

extensions/inspector/resources/skin/classic/viewers/domNode/domNode.css

@@ -37,3 +37,10 @@
 
 @import url("chrome://inspector/skin");
 @import url("chrome://inspector/content/extensions/treeEditable.css");
+
+#olNodeInfo label {
+  padding-right: 0.5em;
+}
+#olNodeInfo {
+  padding-bottom: 0.5em;
+}

extensions/inspector/resources/skin/modern/viewers/domNode/domNode.css

@@ -37,3 +37,10 @@
 
 @import url("chrome://inspector/skin");
 @import url("chrome://inspector/content/extensions/treeEditable.css");
+
+#olNodeInfo label {
+  padding-right: 0.5em;
+}
+#olNodeInfo {
+  padding-bottom: 0.5em;
+}