From 724c7711d57668a5d1f5d1f9ebe3af2b6dc100b8 Mon Sep 17 00:00:00 2001
From: toni-lyttinen <cristianlyttinen@gmail.com>
Date: Tue, 15 Feb 2022 22:08:35 +0200
Subject: [PATCH] style: change contacts card styling

---
 src/components/ContactCard.tsx              | 13 +++++++------
 src/views/ContactsPage/ContactsPageView.tsx | 12 ++++++------
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/components/ContactCard.tsx b/src/components/ContactCard.tsx
index c21a804..0575915 100644
--- a/src/components/ContactCard.tsx
+++ b/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;
   }
 `;
diff --git a/src/views/ContactsPage/ContactsPageView.tsx b/src/views/ContactsPage/ContactsPageView.tsx
index a7ac998..dc8646c 100644
--- a/src/views/ContactsPage/ContactsPageView.tsx
+++ b/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>