style changes to organizer page

Author: halfghaninne

src/components/organizer/index.js

@@ -4,9 +4,9 @@ import { faTimes } from '@fortawesome/free-solid-svg-icons'
 import {
   faTwitter,
   faLinkedinIn,
-  faGithub,
-  faLaptopCode
+  faGithub
 } from '@fortawesome/free-brands-svg-icons'
+import { faMousePointer } from '@fortawesome/free-solid-svg-icons'
 import styles from './organizer.module.css'
 
 
@@ -15,7 +15,7 @@ const SocialLink = ({ type, url }) => {
     twitter: faTwitter,
     linkedin: faLinkedinIn,
     github: faGithub,
-    website: faLaptopCode
+    website: faMousePointer
   }
   const urls = {
     twitter: `https://twitter.com/${url}`,

src/components/organizer/organizer.module.css

@@ -129,8 +129,9 @@
   }
 
   .links {
+    text-align:center;
     margin: 1em 0;
-    a {
+    a:not(:last-child) {
       margin-right: 1em;
     }
     .icon {
@@ -140,7 +141,7 @@
       color: var(--tan);
     }
     @media screen and (min-width: 50em) {
-      margin: 1em 2em;
+      margin: 1em;
     }
   }
 

src/images/photos/WSC-SF.jpg

@@ -62,7 +62,7 @@ export default IndexPage
 
 export const pageQuery = graphql`
   query {
-    organizers: file(relativePath: { eq: "photos/WSC-NY-577.jpg" }) {
+    organizers: file(relativePath: { eq: "photos/WSC-SF.jpg" }) {
         childImageSharp {
           fluid(maxWidth: 3600) {
             ...GatsbyImageSharpFluid_tracedSVG