diff --git a/src/components/CommitteeContainer/CommitteeContainer.scss b/src/components/CommitteeContainer/CommitteeContainer.scss index e57bf11..b717717 100644 --- a/src/components/CommitteeContainer/CommitteeContainer.scss +++ b/src/components/CommitteeContainer/CommitteeContainer.scss @@ -8,7 +8,7 @@ &__contacts { display: flex; - flex-direction: row; + flex-flow: row wrap; justify-content: flex-start; } } diff --git a/src/components/ContactCard/ContactCard.scss b/src/components/ContactCard/ContactCard.scss index cfa0f69..19f4c79 100644 --- a/src/components/ContactCard/ContactCard.scss +++ b/src/components/ContactCard/ContactCard.scss @@ -25,6 +25,7 @@ &__container { padding: 15px; display: flex; + flex-shrink: 0; justify-content: center; align-items: center; max-height: 100px; diff --git a/src/pages/ContactsPage/ContactsPage.tsx b/src/pages/ContactsPage/ContactsPage.tsx index 91303e3..7f91a61 100644 --- a/src/pages/ContactsPage/ContactsPage.tsx +++ b/src/pages/ContactsPage/ContactsPage.tsx @@ -1,7 +1,7 @@ import * as React from "react"; import Helmet from "react-helmet"; import "./ContactsPage.scss"; -import { ColorEnum } from "../../components/ColorDiv/ColorDiv"; +import { ColorEnum, getColor, getHoverColor } from "../../components/ColorDiv/ColorDiv"; import { StaticContext } from "../../server/StaticContext"; import PageLink from "../../components/PageLink/PageLink"; import Card from "../../components/Card"; @@ -10,6 +10,7 @@ import HeroMainSection from "../../components/HeroMainSection"; import ContactCard from "../../components/ContactCard"; import { getContacts, Occupation, Committee, getCommittees } from "../../models/Contacts"; import CommitteeContainer from "../../components/CommitteeContainer"; +import Anchor from "../../components/Anchor/index"; interface ContactsPageProps { staticContext: StaticContext; @@ -85,15 +86,23 @@ class ContactsPage extends React.Component - Contacts Page - -

Aalto-yliopiston Sähköinsinöörikilta

+

- lorem ipsum dolor est + Asiaa olisi, mutta kehen ottaa yhteyttä?
+ Tämä sivu yrittää valottaa sen oikean ihmisen puhelinnumeroa ja sähköpostiosoitetta.

-
- - + + +
+ +

+ Hallitukseen saa yhteyden lähettämällä sähköpostia + sik-hallitus@list.ayy.fi + +

+
{committees.map((committee, index) => (