Minor layout fixes (#1393)

Author: leebyron

src/assets/css/_css/index.less

@@ -45,7 +45,7 @@ div.index {
     }
 
     img {
-      height: 150px;
+      height: 80px;
     }
 
     .button {

src/components/Conf/Section/index.tsx

@@ -8,7 +8,8 @@ interface Props {
 }
 
 const SectionConf = ({ id, title, children }: Props): JSX.Element => (
-  <div key={id} id={id}>
+  // Padding down so hash-links to this id display below the header menu
+  <div key={id} id={id} className="pt-16 -mt-16">
     <h2>
       <a href={`#${id}`} className="no-underline">{title}</a>
     </h2>

src/components/Conf/Venue/index.tsx

@@ -31,7 +31,7 @@ const VenueConf = () => {
         <div className="sm:w-full grid grid-rows-1 md:grid-cols-2 gap-20">
           <div>
             <h3 className="sm:text-2xl text-xl font-medium text-white mt-6 mb-4">
-              Venue Information
+              Venue &amp; Lodging
             </h3>
             <p>
               <a
@@ -59,23 +59,29 @@ const VenueConf = () => {
                 room block is full)
               </i>
               <br />
-              Please note, rooms will most likely sell out in advance of the <a href="https://www.hyatt.com/en-US/group-booking/SFOBU/G-LIFO" target="_blank">room block</a> close dates. We encourage you to book
-              early to secure a room at the conference rate.
+              Please note, rooms will most likely sell out in advance of the{" "}
+              <a
+                href="https://www.hyatt.com/en-US/group-booking/SFOBU/G-LIFO"
+                target="_blank"
+              >
+                room block
+              </a>{" "}
+              close dates. We encourage you to book early to secure a room at
+              the conference rate.
             </div>
-            <h3 className="sm:text-2xl text-xl font-medium text-white mt-6 mb-4">Alternate lodging options</h3>
+          </div>
+
+          <div>
+            <h3 className="sm:text-2xl text-xl font-medium text-white mt-6 mb-4">
+              Alternate lodging options
+            </h3>
             <a
               href="https://www.ihg.com/holidayinnexpress/hotels/us/en/burlingame/urlbh/hoteldetail"
               target="_blank"
               rel="noreferrer"
             >
               Holiday Inn Express San Francisco Airport South, and IHG Hotel
             </a>
-          </div>
-
-          <div>
-            <h3 className="sm:text-2xl text-xl font-medium text-white mt-6 mb-4">
-              Additional Information
-            </h3>
             <p className="leading-relaxed mb-3 text-white text-base">
               <span className="font-bold">Important:</span> The Linux Foundation
               will never reach out to attendees by phone to make hotel

src/pages/conf/index.tsx

@@ -18,7 +18,7 @@ export default () => {
       <HeaderConf />
       <div className="text-gray-600 bg-color-[#562556] bg-[url('/img/conf/graphql-conf-bg.png')] bg-cover bg-blend-multiply	bg-opacity-20	bg-black">
         <div className="container flex py-16 md:py-36 items-center justify-center flex-col">
-          <div className="flex flex-col justify-center items-center w-full gap-2 md:gap-32 md:flex-row">
+          <div className="flex flex-col justify-center items-center w-full gap-2 lg:gap-32 lg:flex-row">
             <div>
               <img
                 src="/img/conf/graphql-conf-logo.svg"

src/pages/index.tsx

@@ -11,15 +11,14 @@ import WithoutVersions from "../Containers/Sections/WithoutVersion"
 import PowerFulTools from "../Containers/Sections/PowerFulTools"
 import WhosUsing from "../Containers/Sections/WhosUsing"
 import Seo from "../components/Seo"
-import { ReactComponent as GraphQLConfLogo } from "../../static/img/conf/graphql-conf-logo.svg"
 
 export default ({ pageContext }: PageProps<{}, { sourcePath: string }>) => {
   return (
     <Layout className="index" pageContext={pageContext}>
       <Hero />
       <section className="conf-banner">
         <a href="/conf/">
-          <GraphQLConfLogo />
+          <img src="/img/conf/graphql-conf-logo.svg" />
           <div>
             <span>
               The offical GraphQL conference, by the GraphQL Foundation