toucan-core: Offset left-hand side due to button padding

Author: ynotdraw

.changeset/eleven-crabs-type.md

@@ -0,0 +1,5 @@
+---
+'@crowdstrike/ember-toucan-core': patch
+---
+
+Updated `<Form::Fields::FileInput` styling to match designs. This included updates to the disabled state as well as the list items.

packages/ember-toucan-core/src/components/form/file-input/list-item.hbs

@@ -1,5 +1,5 @@
 <li
-  class="bg-overlay-1 focus:outline-none focus:shadow-focus-outline m-0 flex items-center rounded-sm px-2 py-1 transition-shadow
+  class="bg-overlay-1 focus:outline-none focus:shadow-focus-outline m-0 flex items-center justify-between rounded-sm px-2 py-1 transition-shadow
     {{if @isDisabled 'text-disabled' 'text-titles-and-attributes'}}
     {{if
       @hasError
@@ -8,7 +8,8 @@
     }}"
   ...attributes
 >
-  <div class="mr-4 flex-1 py-1">
+  {{! The `pl-2` added here is to offset the spacing added by the delete button below so that the horizontal axis spacing appears identical }}
+  <div class="flex-1 py-1 pl-2">
     <p class="type-md-tight m-0 truncate p-0" data-file-name>{{@file.name}}</p>
     <span
       class="text-body-and-labels type-xs-tight mt-1 block"