Note: The default ITS GitLab runner is a shared resource and is subject to slowdowns during heavy usage.
You can run your own GitLab runner that is dedicated just to your group if you need to avoid processing delays.

Commit 12c67cc0 authored by Jonathan McGlone's avatar Jonathan McGlone
Browse files

mobile fixes for homepage, join page

parent f1b1fece
......@@ -87,7 +87,8 @@ p {
// page
.page-container {
padding: 5rem 0;
padding-top: 5rem;
padding-bottom: 5rem;
}
// cards
......@@ -163,12 +164,18 @@ p {
}
.news-events-container, .video-impact-container {
padding: 3rem 0;
padding-top: 3rem;
padding-bottom: 3rem;
h2 {
margin-bottom: 1rem;
}
}
// video
.video-embed {
margin-bottom: 1rem;
}
// news and events on homepage and individual pages
.post-image {
max-height: 500px;
......
......@@ -4,7 +4,7 @@ const Video = ({video}) => {
return (
<div>
<h2>{video.heading}</h2>
<div className="video-embed">
<div className="video-embed embed-responsive embed-responsive-16by9">
<figure dangerouslySetInnerHTML={{ __html: video.embed }} />
</div>
<p>{video.description}</p>
......
......@@ -190,10 +190,10 @@ const IndexPage = ({data}) => {
<section className="video-impact-container">
<div className="container">
<div className="row">
<div className="video-container col">
<div className="video-container col-md-6">
<Video video={video} />
</div>
<div className="map-container col">
<div className="map-container col-md-6">
<MapImage mapImage={map} />
</div>
</div>
......
......@@ -11,12 +11,16 @@ const Join = ({data}) => {
<Layout>
<SEO title={title} />
<div className="container page-container">
<div className="row justify-content-end">
<a class="btn btn-primary btn-lg" href="https://docs.google.com/forms/d/11v45JsQO24z5PbNhQUMLFZl-GmR1brPxZQ_dk4GVX8w/viewform?edit_requested=true" role="button">Make a Membership Pledge</a>
<div className="row justify-content-end mx-lg-n5">
<div className="col-md-3 py-3 px-lg-5">
<a class="btn btn-primary btn-lg" href="https://docs.google.com/forms/d/11v45JsQO24z5PbNhQUMLFZl-GmR1brPxZQ_dk4GVX8w/viewform?edit_requested=true" role="button">Make a Membership Pledge</a>
</div>
</div>
<div className="row">
<Title title={title} />
<div dangerouslySetInnerHTML={{ __html: html }} />
<div className="col-md-12">
<Title title={title} />
<div dangerouslySetInnerHTML={{ __html: html }} />
</div>
</div>
</div>
</Layout>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment