style sponsor list

web/src/components/sponsor/SponsorList.tsx

@@ -7,9 +7,8 @@ const SponsorItem = ({ sponsor }: { sponsor: SponsorBlock }) => {
   const { name, logo, website, text } = sponsor;
   return (
     <li className={styles.sponsorItem}>
-      <h2>{name}</h2>
-      {logo && (
-        <div className={styles.image}>
+      <div className={styles.image}>
+        {logo && (
           <Image
             src={logo.url}
             alt={`Logoen til ${name}`}
@@ -17,21 +16,24 @@ const SponsorItem = ({ sponsor }: { sponsor: SponsorBlock }) => {
             height={logo.height}
             sizes="20vw"
           />
-        </div>
-      )}
-      {text && (
-        <p
-          className={styles.sponsorText}
-          dangerouslySetInnerHTML={{ __html: text }}
-        />
-      )}
-      {website && (
-        <p>
-          <a href={website} target="_blank" rel="noopener">
-            Besøk nettside
-          </a>
-        </p>
-      )}
+        )}
+      </div>
+      <div className={styles.text}>
+        <h2>{name}</h2>
+        {text && (
+          <p
+            className={styles.sponsorText}
+            dangerouslySetInnerHTML={{ __html: text }}
+          />
+        )}
+        {website && (
+          <p className={styles.website}>
+            <a href={website} target="_blank" rel="noopener">
+              Besøk nettside
+            </a>
+          </p>
+        )}
+      </div>
     </li>
   );
 };