Merge branch '3-css-grid-timeline' of gitlab.doc.ic.ac.uk:edtech/scientia into 3-css-grid-timeline

src/components/molecules/TutorCardGroup/index.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import TutorCard from "components/atoms/TutorCard";
 import Col from "react-bootstrap/Col";
 import Row from "react-bootstrap/esm/Row";
+import styles from "./style.module.scss";
 
 export interface TutorCardGroupProps {
 	title: string;
@@ -30,10 +31,10 @@ const TutorCardGroup: React.FC<TutorCardGroupProps> = ({title
 
   return (
     <>
-      <h4>{title}</h4>
+      <h4 className={styles.groupTitle}>{title}</h4>
       <Row>{tutorCards}</Row>
     </>
   );
 };
 
-export default TutorCardGroup;
\ No newline at end of file
+export default TutorCardGroup;

src/components/molecules/TutorCardGroup/style.module.scss

 @import "assets/scss/custom";
 
-.tutorImage {
-  border-radius: 50%;
-  margin-right: 1.25rem;
-}
-
-.tutorName,
-.tutorEmail,
-.tutorAddress {
-  font-size: 1.125rem;
+.groupTitle {
+  color: var(--primary-text-color);
   margin-bottom: 0rem;
-  line-height: 1.5rem !important;
-}
-
-.tutorName {
-  color: $blue-500;
-}
-
-.tutorEmail {
-  color: var(--secondary-text-color);
-}
-
-.tutorAddress {
-  color: var(--tertiary-text-color);
 }