Fix connector lines in issue comments

src/components/Comment.svelte

@@ -103,6 +103,9 @@
     font-size: var(--font-size-small);
     color: var(--color-fill-gray);
   }
+  .card-header-no-icon {
+    padding-left: 1rem;
+  }
   .edit-buttons {
     display: flex;
     gap: 0.25rem;
@@ -129,10 +132,8 @@
     {#if isLastReply}
       <div class="connector-line" />
     {/if}
-    <div class="card-header">
-      <div class="icon">
-        <slot name="icon" />
-      </div>
+    <div class="card-header" class:card-header-no-icon={isReply}>
+      <slot class="icon" name="icon" />
       <NodeId nodeId={authorId} alias={authorAlias} />
       <slot name="caption">{caption}</slot>
       <span class="timestamp" title={utils.absoluteTimestamp(timestamp)}>

src/components/Thread.svelte

@@ -62,7 +62,7 @@
     border-bottom-right-radius: 0;
   }
   .replies {
-    margin-left: 1rem;
+    margin-left: 1.25rem;
   }
   .reply {
     padding: 1rem;

src/views/projects/Issue.svelte

@@ -432,7 +432,7 @@
   .connector {
     width: 1px;
     height: 1.5rem;
-    margin-left: 1rem;
+    margin-left: 1.25rem;
     background-color: var(--color-fill-separator);
   }
   .metadata {
@@ -660,8 +660,7 @@
           </div>
         {/if}
         {#if $experimental && session}
-          {#if threads.length === 0}
-            <div class="connector" />{/if}
+          <div class="connector" />
           <CommentToggleInput
             focus
             rawPath={rawPath(project.head)}

src/views/projects/Patch.svelte

@@ -714,7 +714,7 @@
   .connector {
     width: 1px;
     height: 1.5rem;
-    margin-left: 1rem;
+    margin-left: 1.25rem;
     background-color: var(--color-fill-separator);
   }
   @media (max-width: 720px) {