diff --git a/www/conservancy/static/css/conservancy.css b/www/conservancy/static/css/conservancy.css index b155e7290e660e347bf488c090ce4e741af44c88..f65932aa01045ab2302a9cf49f5fd725af73f9ae 100644 --- a/www/conservancy/static/css/conservancy.css +++ b/www/conservancy/static/css/conservancy.css @@ -136,7 +136,7 @@ text-decoration: none; color: #557733; bottom: 0; width: auto; padding: 0.5rem 1rem; - margin: 2rem -0.5rem 0; + margin: 0 -1rem; border-radius: 8px 8px 0 0; border: 1px solid #90d468; } @@ -145,18 +145,6 @@ text-decoration: none; color: #557733; background: #a0d870; } -@media screen and (min-width: 30em) { - .donate-sidebar { - margin: 2rem -1rem 0; - } -} - -@media screen and (max-width: 52em) { - #sidebar { - display: none; - } -} - p.footnote { font-size: 85%; } @@ -340,15 +328,16 @@ body > header { #container #mainContent { max-width: 50em; - margin: 0; + margin: 0 0 2rem; padding: 0; background: #ffffff; flex: 1 1 auto; } + #container #sidebar { background-color: #e6eae1; - padding: 1px 0.5rem 0.25rem; - margin-bottom: 1rem; + padding: 1px 0.5rem 2rem; + margin: 1rem -1rem 0; } @media screen and (min-width: 30em) { @@ -356,8 +345,8 @@ body > header { display: flex; } #container #sidebar { - flex: 1 0 15em; - margin-right: 1rem; + flex: 1 0 15em; + margin: 1rem 0rem 1rem 2rem; } } @@ -437,6 +426,13 @@ body > header { border-top: 1px solid #ccc; text-align: center; overflow: auto; + margin: 0; +} + +@media screen and (min-width: 30em) { + #conservancyfooter { + margin: 0; + } } .continued {