Tweak issue list

src/components/DropdownList/DropdownListItem.svelte

@@ -11,7 +11,7 @@
     align-items: center;
     flex-direction: row;
     gap: 0.375rem;
-    padding: 0.5rem 0.625rem;
+    padding: 0.5rem 0.375rem;
     white-space: nowrap;
     border-radius: var(--border-radius-tiny);
     font-size: var(--font-size-small);

src/views/projects/Issue/IssueTeaser.svelte

@@ -4,7 +4,6 @@
   import { formatObjectId, formatTimestamp } from "@app/lib/utils";
 
   import Badge from "@app/components/Badge.svelte";
-  import Icon from "@app/components/Icon.svelte";
   import IconSmall from "@app/components/IconSmall.svelte";
   import InlineMarkdown from "@app/components/InlineMarkdown.svelte";
   import Link from "@app/components/Link.svelte";
@@ -74,7 +73,8 @@
   .state {
     justify-self: center;
     align-self: flex-start;
-    margin-right: 1.5rem;
+    margin-right: 0.5rem;
+    padding: 0.25rem 0;
   }
   .open {
     color: var(--color-fill-success);
@@ -94,7 +94,7 @@
     class="state"
     class:closed={issue.state.status === "closed"}
     class:open={issue.state.status === "open"}>
-    <Icon name="issue" />
+    <IconSmall name="issue" />
   </div>
   <div class="content">
     <div class="summary">

src/views/projects/Issues.svelte

@@ -12,7 +12,6 @@
   import DropdownList from "@app/components/DropdownList.svelte";
   import DropdownListItem from "@app/components/DropdownList/DropdownListItem.svelte";
   import ErrorMessage from "@app/components/ErrorMessage.svelte";
-  import Icon from "@app/components/Icon.svelte";
   import IconSmall from "@app/components/IconSmall.svelte";
   import IssueTeaser from "@app/views/projects/Issue/IssueTeaser.svelte";
   import Layout from "./Layout.svelte";
@@ -106,7 +105,7 @@
         ariaLabel="filter-dropdown"
         title="Filter issues by state">
         <div style:color={stateColor[state]}>
-          <Icon name="issue" />
+          <IconSmall name="issue" />
         </div>
         {capitalize(state)}
         <div class="dropdown-button-counter">
@@ -128,7 +127,7 @@
           }}>
           <DropdownListItem selected={item === state}>
             <div style:color={stateColor[item]}>
-              <Icon name="issue" />
+              <IconSmall name="issue" />
             </div>
             <div
               style="display: flex; gap: 1rem;justify-content: space-between; width: 100%;">