Fix up about page

This commit is contained in:
Tom Russell 2018-08-09 13:48:18 +01:00
parent f72618c72a
commit 756b31b236
2 changed files with 19 additions and 12 deletions

View File

@ -74,7 +74,9 @@ will look like.
</p>
<a class="btn btn-center btn-outline-dark btn-lg" href="#sign-up">Sign up for updates</a>
<div class="buttons-container btn-center">
<a class="btn btn-outline-dark btn-lg" href="#sign-up">Sign up for updates</a>
</div>
<div class="carousel">
<button class="carousel-control offscreen-text back">Back</button>
@ -91,7 +93,9 @@ will look like.
</div>
<a class="btn btn-center" href="files/colouring-london-online-exhibition.pdf">View online exhibition</a>
<div class="buttons-container btn-center">
<a class="btn btn-outline-dark btn-lg" href="files/colouring-london-online-exhibition.pdf">View online exhibition</a>
</div>
</div>
<hr/>
@ -115,8 +119,6 @@ will launch in 2019.
<li><a href="https://www.london.gov.uk/"><img src="images/logo-gla.png" alt="Supported by the Mayor of London"></a></li>
</ul>
<a href="supporters.html" class="btn">People and Supporting Organisations</a>
</div>
<hr/>
@ -272,11 +274,16 @@ projects on the Colouring London site.
<a href="https://tinyletter.com" target="_blank">powered by TinyLetter</a>.
We'll never share your email address.
</small>
<input class="btn btn-full" type="submit" value="Sign up for updates" />
<div class="buttons-container">
<input class="btn btn-outline-dark btn-block" type="submit" value="Sign up for updates" />
</div>
</form>
<a class="btn btn-half" href="files/colouring-london-online-exhibition.pdf" target="_blank">View online exhibition</a><!--
--><a class="btn btn-half" href="faq.html">FAQ</a>
<div class="buttons-container">
<a class="btn btn-outline-dark btn-half" href="files/colouring-london-online-exhibition.pdf" target="_blank">View online exhibition</a><!--
--><a class="btn btn-outline-dark btn-half" href="faq.html">FAQ</a>
</div>
</div>
</article>

View File

@ -118,7 +118,7 @@ main.beta {
/**
* Text pages
*/
.main-col section {
article section {
overflow: hidden;
margin: 2.25em 0 4em;
padding: 2em 0 4em;
@ -390,9 +390,6 @@ p a.btn:active {
}
input {
}
h1, h2, h3, h4 {
font-weight: normal;
}
@ -492,13 +489,16 @@ label {
form .btn {
margin-top: 1em;
}
.buttons-container.btn-center {
text-align: center;
}
.btn.btn-half {
width: 49%;
margin-left: 0;
margin-right: 2%;
min-width: 11.45em;
}
.btn.btn-half:nth-child(2n+1) {
.btn.btn-half:nth-child(2n) {
margin-right: 0;
}