fix(input): fixed label does not have end margin

Author: liamdebeasi

core/src/components/input/input.scss

@@ -355,6 +355,8 @@
  * on the right in RTL. Label also has a fixed width.
  */
 .label-placement-fixed label {
+  @include margin(0, 0, 0, 0);
+
   flex: 0 0 100px;
 
   width: 100px;

core/src/components/input/test/label-placement/index.html

@@ -64,6 +64,11 @@ <h2>End</h2>
             <ion-input value="[email protected]" label="Email" label-placement="end"></ion-input>
           </div>
 
+          <div class="grid-item">
+            <h2>Fixed</h2>
+            <ion-input value="[email protected]" label="Email" label-placement="fixed"></ion-input>
+          </div>
+
           <div class="grid-item">
             <h2>Floating</h2>
             <ion-input value="[email protected]" label="Email" label-placement="floating"></ion-input>

core/src/components/input/test/label-placement/input.e2e.ts

@@ -23,6 +23,17 @@ test.describe('input: label placement end', () => {
   });
 });
 
+test.describe('input: label placement fixed', () => {
+  test('label should appear on the starting side of the input and have a fixed width', async ({ page }) => {
+    await page.setContent(`
+      <ion-input label="Email" value="[email protected]" label-placement="fixed"></ion-input>
+    `);
+
+    const input = page.locator('ion-input');
+    expect(await input.screenshot()).toMatchSnapshot(`input-placement-fixed-${page.getSnapshotSettings()}.png`);
+  });
+});
+
 test.describe('input: label placement stacked', () => {
   test('label should appear above the input when there is a value', async ({ page }) => {
     await page.setContent(`