Fix styling for all-forms list

Set a given width and top-align the text
navikt · Jan 12, 2024 · a285f72 · a285f72
1 parent 17ef7a3
commit a285f72
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/packages/fyllut/src/components/FormRow.tsx b/packages/fyllut/src/components/FormRow.tsx
@@ -1,12 +1,20 @@
-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: {
+    width: '150px',
+    verticalAlign: 'text-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 +23,7 @@ const FormRow = ({ form }: FormRowProps) => {
 
   return (
     <tr>
-      <td>
+      <td className={styles.skjemanummer}>
         <a href={skjemaPath}>{form.properties.skjemanummer}</a>
       </td>
       <td>