css fixes, smaller spacing in Inspect

ui/src/views/Inspect.vue

@@ -275,60 +275,68 @@ export default defineComponent({
 });
 </script>
 
-<style  lang="scss">
-table {
-  width: 100%;
-  table-layout: fixed;
+<style lang="scss">
+.inspect {
+  table {
+    width: 100%;
+    table-layout: fixed;
 
-  th {
-    text-align: left;
-  }
+    th {
+      text-align: left;
+    }
 
-  td {
-    font-family: var(--monospace-font);
-    padding-right: 1em;
-    line-height: 1em;
-    line-break: anywhere;
+    td {
+      font-family: var(--monospace-font);
+      padding-right: 1em;
+      line-height: 1em;
+      line-break: anywhere;
 
-    &.attr-action {
-      max-width: 1em;
+      &.attr-action {
+        max-width: 1em;
+      }
+    }
+
+    .attr-action-col {
+      width: 1.5em;
+    }
+
+    sl-icon-button {
+      &::part(base) {
+        padding: 2px;
+      }
     }
   }
 
-  .attr-action-col {
-    width: 2em;
-  }
-}
+  section {
+    position: relative;
+    overflow: visible;
 
-.inspect section {
-  position: relative;
-  overflow: visible;
+    margin-top: 1.66em;
+    padding: 1ex 1em;
 
-  margin-top: 1.66em;
-  padding: 1ex 1em;
+    border: 1px solid var(--foreground);
+    border-radius: 4px;
 
-  border: 1px solid var(--foreground);
-  border-radius: 4px;
+    h3 {
+      display: inline-block;
 
-  h3 {
-    display: inline-block;
+      background: var(--background);
+      font-weight: 600;
 
-    background: var(--background);
-    font-weight: 600;
+      position: absolute;
+      top: -1.66em;
+      left: 1ex;
+      line-height: 1;
+      padding: 0 0.75ex;
 
-    position: absolute;
-    top: -1.66em;
-    left: 1ex;
-    line-height: 1;
-    padding: 0 0.75ex;
-
-    sl-icon {
-      margin-bottom: -2px;
+      sl-icon {
+        margin-bottom: -2px;
+      }
     }
   }
-}
 
-.error {
-  color: red;
+  .error {
+    color: red;
+  }
 }
 </style>