diff options
author | Matt Rude <[email protected]> | 2018-08-23 16:15:26 -0500 |
---|---|---|
committer | Matt Rude <[email protected]> | 2018-08-23 16:15:26 -0500 |
commit | 53921a5daf198384629ae852f4a98d6ea2219d5a (patch) | |
tree | a6ed9a8b5106b21ad03f46da39ccc47b9d1d97fa | |
parent | f5828f8eb8836f393e8cba45c8c2596a2ccc1a46 (diff) | |
download | xmpp-site-lite-53921a5daf198384629ae852f4a98d6ea2219d5a.tar.gz xmpp-site-lite-53921a5daf198384629ae852f4a98d6ea2219d5a.tar.bz2 xmpp-site-lite-53921a5daf198384629ae852f4a98d6ea2219d5a.zip |
Update footer on small screens
-rw-r--r-- | _includes/footer.html | 4 | ||||
-rw-r--r-- | _sass/site.scss | 25 |
2 files changed, 27 insertions, 2 deletions
diff --git a/_includes/footer.html b/_includes/footer.html index a1685fe..bdb4513 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -1,10 +1,10 @@ <footer class="footer"> <div class="container offsetanchor" id="features"> <div id="footer"><!-- Starting Footer Section --> - <div class="pull-left"> + <div id="footer-links" class="text-center"> <p><a href="https://status.im.mattrude.com/{{ site.xmpp-url }}">Status</a> | <a href="{{ site.url }}/certificates/">Certificates</a> | <a href="{{ site.url }}/privacy-policy/">Privacy Policy</a></p> </div> - <div class="pull-right"> + <div id="footer-copy" class="text-center"> <p>© {{ site.time | date: "%Y" }} by <a href="{{ site.owner-url }}">{{ site.owner-name }}</a></p> </div> </div><!-- Closing Footer Section --> diff --git a/_sass/site.scss b/_sass/site.scss index 9fb38b4..99975dc 100644 --- a/_sass/site.scss +++ b/_sass/site.scss @@ -336,6 +336,12 @@ pre { p { margin-bottom: 0; } + #footer-links { + float: left; + } + #footer-copy { + float: right; + } } #error-container { @@ -454,6 +460,25 @@ td.FAILED { #server-features-index { display: none; } + .footer { + height: unset; + #footer { + height: unset; + margin: 5px 0; + .pull-left, .pull-right { + width: 100%; + line-height: 2.2em; + } + #footer-links { + float: unset; + line-height: 2.0em; + } + #footer-copy { + float: unset; + line-height: 2.0em; + } + } + } } @media (min-width: 992px) { |