[ui] various styling/markup improvements

ui/src/components/Address.svelte

@@ -25,6 +25,7 @@
 
 <div class="address" class:identified={Boolean(inferredIds)}>
   <HashBadge {address} />
+  <div class="separator" />
   <Marquee>
     {#if isFile}
       <UpLink to={{ entity: address }}>
@@ -42,23 +43,25 @@
 
 <style scoped lang="scss">
   .address {
-    font-family: var(--monospace-font);
     display: flex;
     align-items: center;
 
-    &,
-    & a {
-      line-break: anywhere;
-    }
+    padding: 0.1em;
+
+    border: 0.1em solid var(--foreground);
+    border-radius: 0.2em;
+
+    font-family: var(--monospace-font);
+    line-break: anywhere;
 
     &.identified {
       font-family: var(--default-font);
       font-size: 0.95em;
       line-break: auto;
     }
+  }
 
-    .hash-badge {
-      margin-right: 0.5em;
-    }
+  .separator {
+    width: 0.5em;
   }
 </style>

ui/src/components/AttributeView.svelte

@@ -44,7 +44,6 @@
   function processChange() {
     // noop
   }
-
 </script>
 
 <section class="attribute-view">
@@ -95,7 +94,7 @@
     margin-top: 1.66em;
     padding: 1ex 1em;
 
-    border: 1px solid var(--foreground);
+    border: 0.1em solid var(--foreground);
     border-radius: 4px;
 
     header {

ui/src/components/HashBadge.svelte

@@ -41,18 +41,12 @@
   });
 </script>
 
-<div class="hash-badge">
-  <canvas bind:this={canvas} {width} height="3" title={address} />
-</div>
+<canvas bind:this={canvas} {width} height="3" title={address} />
 
 <style scoped>
-  .hash-badge {
+  canvas {
     display: inline-block;
     height: 1em;
-  }
-
-  .hash-badge canvas {
-    height: 100%;
     image-rendering: optimizeSpeed;
   }
 </style>

ui/src/components/Marquee.svelte

@@ -52,7 +52,7 @@
     .overflowed .inner {
       animation: marquee var(--anim-length) ease-in-out infinite;
       animation-play-state: paused;
-      --padding: 0.5em;
+      --padding: 0;
     }
 
     .overflowed.running .inner {

ui/src/components/UpLink.svelte

@@ -18,6 +18,12 @@
   }
 </script>
 
-<Link to={routerTo}>
+<Link class="uplink" to={routerTo}>
   <slot />
 </Link>
+
+<style lang="scss">
+  :global(.uplink) {
+    text-decoration: none;
+  }
+</style>