better legibility

Author: Adam Argyle

app/css/sidebar.css

@@ -1,6 +1,5 @@
 nav {
   background: var(--surface);
-  text-align: end;
   display: flex;
   gap: 1ch;
   padding: 3ch;
@@ -88,7 +87,7 @@ dl {
     &:matches(:hover,:focus-within)::after {
       content: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' fill='deeppink' viewBox='0 0 24 24'><path d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/></svg>");
       position: absolute;
-      inset: 1px 0 0 calc(100% + .5em);
+      inset: 0 0 0 -1.75ch;
       block-size: .75em;
       inline-size: .75em;
     }