Revise card layout.

- Instead of capping the width of the card, use a spacer within the
    card to make it expand like before.

  - However, now that the card's width is no longer capped, elements
    within can enlarge the card.
This commit is contained in:
Justus Winter 2019-03-06 12:30:56 +01:00
parent c4fee9ffe3
commit c008a9cc84
No known key found for this signature in database
GPG Key ID: 686F55B4AB2B3386
2 changed files with 6 additions and 2 deletions

View File

@ -130,8 +130,6 @@ a.brand {
.card {
position: relative;
display: inline-block;
width: 80vw;
max-width: 800px;
margin-top: 4vh;
padding: 20px 30px 50px;
background-color: #fff;
@ -139,6 +137,11 @@ a.brand {
box-shadow: 0 2px 6px hsla(0, 0%, 0%, 0.2);
}
.card > .spacer {
width: 80vw;
max-width: 800px;
}
.attribution {
position: absolute;
z-index: -1;

View File

@ -13,6 +13,7 @@
<p><strong>Error</strong>: {{ this }}</p>
{{/with}}
{{> @partial-block }}
<div class="spacer"></div>
</div>
<div class="attribution">
<p>Hagrid v{{ version }} built from {{ commit }}</p>