Add bullet points to list.

AtB-AS · Nov 22, 2024 · 2c18001 · 2c18001
1 parent 416f997
commit 2c18001
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 14 deletions.
diff --git a/src/page-modules/contact/ticketing/forms/webshop/webshopTicketingForm.tsx b/src/page-modules/contact/ticketing/forms/webshop/webshopTicketingForm.tsx
@@ -3,6 +3,7 @@ import { ticketingFormEvents } from '../../events';
 import { TicketingContextType } from '../../ticketingStateMachine';
 import { Typo } from '@atb/components/typography';
 import { SectionCard, Textarea, FileInput, Input } from '../../../components';
+import style from '../../../contact.module.css';
 
 type WebshopTicketingFormProps = {
   state: { context: TicketingContextType };
@@ -20,13 +21,15 @@ export const WebshopTicketingForm = ({
       <SectionCard
         title={t(PageText.Contact.ticketing.webshop.webshopTicketing.title)}
       >
-        {PageText.Contact.input.orderId.descriptionBulletPoints.map(
-          (desc, index) => (
-            <Typo.p textType="body__primary" key={index}>
-              {t(desc)}
-            </Typo.p>
-          ),
-        )}
+        <ul className={style.rules__list}>
+          {PageText.Contact.input.orderId.descriptionBulletPoints.map(
+            (desc, index) => (
+              <li key={index}>
+                <Typo.p textType="body__primary">{t(desc)}</Typo.p>
+              </li>
+            ),
+          )}
+        </ul>
 
         <Input
           label={t(PageText.Contact.input.orderId.label(false))}

diff --git a/src/translations/pages/contact.ts b/src/translations/pages/contact.ts
@@ -1227,16 +1227,16 @@ export const Contact = {
 
       descriptionBulletPoints: [
         _(
-          'På billetten i appen',
-          'On the ticket in the app',
-          'På billetten i appen',
+          'På billetten i appen.',
+          'On the ticket in the app.',
+          'På billetten i appen.',
         ),
 
-        _('På kvitteringen din', 'On your receipt ', 'På kvitteringa di'),
+        _('På kvitteringen din.', 'On your receipt.', 'På kvitteringa di.'),
         _(
-          'Du finner også ordre-id på utgåtte billetter',
-          'You can also find the order ID on expired tickets',
-          'Du finn også ordre-id på utgåtte billettar',
+          'Du finner også ordre-id på utgåtte billetter.',
+          'You can also find the order ID on expired tickets.',
+          'Du finn også ordre-id på utgåtte billettar.',
         ),
       ],
       instruction: _(