define description modal

packages/web/src/elements/DropDownButton.svelte

@@ -7,6 +7,7 @@
 
   export let icon = 'icon chevron-down';
   export let menu;
+  export let narrow = false;
   let domButton;
 
   function handleClick() {
@@ -17,6 +18,6 @@
   }
 </script>
 
-<InlineButton square on:click={handleClick} bind:this={domButton}>
+<InlineButton square {narrow} on:click={handleClick} bind:this={domButton}>
   <FontIcon {icon} />
 </InlineButton>

packages/web/src/elements/InlineButton.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   export let disabled = false;
   export let square = false;
+  export let narrow = false;
 
   let domButton;
 
@@ -9,7 +10,7 @@
   }
 </script>
 
-<div class="outer buttonLike" class:disabled class:square on:click bind:this={domButton}>
+<div class="outer buttonLike" class:disabled class:square class:narrow on:click bind:this={domButton}>
   <div class="inner">
     <slot />
   </div>
@@ -34,6 +35,10 @@
     display: flex;
   }
 
+  .narrow {
+    padding: 3px 1px;
+  }
+
   .outer.disabled {
     color: var(--theme-font-3);
   }