Extend performer description open button only to title

pages/performers.tsx

@@ -42,11 +42,7 @@ const Performers = () => {
     <section className={shared.page}>
       <h1>Esiintyjät</h1>
       {performers.map((p) => (
-        <div
+        <div className={styles.performerContainer} key={p.id}>
-          className={styles.performerContainer}
-          onClick={() => togglePerformerDesc(p.id)}
-          key={p.id}
-        >
           <Image
             className={styles.performerImage}
             src={p.imagePath}
@@ -56,7 +52,10 @@ const Performers = () => {
             alt={p.name + ' image'}
           />
           <div className={styles.performerTextContainer}>
-            <div className={styles.performerTitle}>
+            <div
+              className={styles.performerTitle}
+              onClick={() => togglePerformerDesc(p.id)}
+            >
               <h2>{p.name}</h2>
               <button className={shared.openingChevron}>
                 {p.showDesc ? (

styles/Performers.module.scss

@@ -3,7 +3,6 @@
   justify-content: flex-start;
   align-items: flex-start;
   width: 90%;
-  cursor: pointer;
 
   p {
     padding-left: 1rem;