Fix amount padding for inlineEdit

app/assets/javascripts/components/SampleInput.js

@@ -502,7 +502,7 @@ const SampleAmountInput = ({ sample, inline, disabled, onChange }) => {
     //     4, 'Amount', 'massMgInput', isDisabled, ''));
     // } else {
     content.push(
-      <td key="amount_g">
+      <td key="amount_g" className="amount-input">
         <SampleNumeralInput sample={sample} inline={inline} disabled={disabled} onChange={onChange}
                             field="amount_g" unit="g" prefixes={['m', 'n']} precision={4} />
       </td>
@@ -510,7 +510,7 @@ const SampleAmountInput = ({ sample, inline, disabled, onChange }) => {
 
     if (!sample.contains_residues) {
       content.push(
-        <td key="amount_l">
+        <td key="amount_l" className="amount-input">
           <SampleNumeralInput sample={sample} inline={inline} disabled={disabled} onChange={onChange}
                             field="amount_l" unit="l" prefixes={['m', 'u', 'n']} precision={5} block={volumeBlocked} />
         </td>
@@ -518,7 +518,7 @@ const SampleAmountInput = ({ sample, inline, disabled, onChange }) => {
     }
 
     content.push(
-      <td key="amount_mol">
+      <td key="amount_mol" className="amount-input">
         <SampleNumeralInput sample={sample} inline={inline} disabled={disabled} onChange={onChange}
                             field="amount_mol" unit="mol" prefixes={['m', 'n']} precision={4} />
       </td>
@@ -526,7 +526,7 @@ const SampleAmountInput = ({ sample, inline, disabled, onChange }) => {
 
     if (sample.contains_residues) {
       content.push(
-        <td key="defined_part_amount">
+        <td key="defined_part_amount" className="amount-input">
           <SampleNumeralInput sample={sample} inline={inline} disabled={true} onChange={onChange}
                               field="defined_part_amount" unit="g" prefixes={['m', 'n']} precision={4} title="Weight of the defined part" />
         </td>

app/assets/stylesheets/elements_table.scss

@@ -165,6 +165,14 @@ th.drag {
         text-align: right;
       }
     }
+
+    .amount-input {
+      padding-right: 4px;
+
+      &:last-child {
+        padding-right: 0;
+      }
+    }
   }
 }