Merged in fix/BOOK-317-campaign-ui-fixes (pull request #3397)

fix(BOOK-317): small campaign ui fixes

* fix(BOOK-317): campaign ui fixes


Approved-by: Erik Tiekstra

apps/scandic-web/components/ContentCard/contentCard.module.css

@@ -39,20 +39,14 @@
 
 .content {
   display: flex;
-  padding: var(--Space-x15);
   flex-direction: column;
   align-items: flex-start;
   gap: var(--Space-x15);
   align-self: stretch;
+  padding: var(--Space-x2) var(--Space-x2) var(--Space-x2) 0;
 }
 
 .link {
   text-decoration: none;
   color: inherit;
 }
-
-@media (min-width: 768px) {
-  .content {
-    padding: var(--Space-x2) var(--Space-x2) var(--Space-x2) 0;
-  }
-}

apps/scandic-web/components/ContentCard/index.tsx

@@ -1,5 +1,6 @@
 "use client"
 
+import { cx } from "class-variance-authority"
 import NextLink from "next/link"
 import { useIntl } from "react-intl"
 
@@ -24,7 +25,7 @@ interface ContentCardProps {
   className?: string
 }
 
-export default function ContentCard({
+export function ContentCard({
   heading,
   image,
   bodyText,
@@ -34,7 +35,7 @@ export default function ContentCard({
 }: ContentCardProps) {
   const intl = useIntl()
   const card = (
-    <article className={`${styles.card} ${className}`}>
+    <article className={cx(styles.card, className)}>
       <div className={styles.imageContainer}>
         <Image
           src={image.url}