style: change contacts card styling

src/components/ContactCard.tsx

@@ -18,13 +18,13 @@ const Row = styled.div`
 
 const ImageContainer = styled.div`
   position: relative;
-  height: 5rem;
-  width: 5rem;
+  height: 150px;
+  width: 150px;
   flex-shrink: 0;
 
   img {
     padding: 0.5rem !important;
-    border-radius: 50%;
+    border-radius: 15%;
   }
 `;
 
@@ -32,16 +32,17 @@ const Info = styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  padding: 0.25rem;
+  margin-left: -20px;
+  padding: 2rem;
   color: ${colors.darkBlue};
 
   & > p {
-    font-size: 0.8rem;
+    font-size: 1.1rem;
     margin: 0;
   }
 
   & > h3 {
-    font-size: 0.9rem;
+    font-size: 1.4rem;
     font-weight: 500;
   }
 `;

src/views/ContactsPage/ContactsPageView.tsx

@@ -152,13 +152,13 @@ const ContactsPageView: React.FC = () => (
         <TextSection id={json.slug}>
           <CommitteeContainer committee={json}>
             {(json.slug === "board") && (
-            <p>
-              {"Hallitukseen saa yhteyden lähettämällä sähköpostia "}
-              <BlueLink to="mailto:hallitus@sahkoinsinoorikilta.fi">
-                hallitus@sahkoinsinoorikilta.fi
+              <p>
+                {"Hallitukseen saa yhteyden lähettämällä sähköpostia "}
+                <BlueLink to="mailto:hallitus@sahkoinsinoorikilta.fi">
+                  hallitus@sahkoinsinoorikilta.fi
               </BlueLink>
-              {". Hallituksen yksittäisiin jäseniin saat yhteyden etunimi.sukunimi@sahkoinsinoorikilta.fi osoitteista."}
-            </p>
+                {". Hallituksen yksittäisiin jäseniin saat yhteyden etunimi.sukunimi@sahkoinsinoorikilta.fi osoitteista."}
+              </p>
             )}
           </CommitteeContainer>
         </TextSection>