Merge pull request #966 from navikt/bugfix/all-forms-list

Fix styling for all-forms list
navikt · Jan 12, 2024 · 1b416b4 · 1b416b4
2 parents 17ef7a3 + d597b9a
commit 1b416b4
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/packages/fyllut/src/components/FormRow.tsx b/packages/fyllut/src/components/FormRow.tsx
@@ -1,12 +1,21 @@
-import { useAppConfig } from '@navikt/skjemadigitalisering-shared-components';
+import { makeStyles, useAppConfig } from '@navikt/skjemadigitalisering-shared-components';
 import { FormsResponseForm, navFormUtils } from '@navikt/skjemadigitalisering-shared-domain';
 
 interface FormRowProps {
   form: FormsResponseForm;
 }
 
+const useStyles = makeStyles({
+  skjemanummer: {
+    textWrap: 'nowrap',
+    paddingRight: '50px',
+    verticalAlign: 'top',
+  },
+});
+
 const FormRow = ({ form }: FormRowProps) => {
   const { config, baseUrl } = useAppConfig();
+  const styles = useStyles();
   const paper = navFormUtils.isSubmissionMethodAllowed('paper', form);
   const digital = navFormUtils.isSubmissionMethodAllowed('digital', form);
   const ingen = form.properties.innsending === 'INGEN';
@@ -15,7 +24,7 @@ const FormRow = ({ form }: FormRowProps) => {
 
   return (
     <tr>
-      <td>
+      <td className={styles.skjemanummer}>
         <a href={skjemaPath}>{form.properties.skjemanummer}</a>
       </td>
       <td>