Fix a glitch in the pop-out donations box.

www/conservancy/static/copyleft-compliance/about.html

@@ -151,5 +151,4 @@ Conservancy should contact <a href="mailto:debian-services@sfconservancy.org">&l
   class="donate-now">donations</a> in support of our GPL Compliance Projects,
   and we encourage you to become a <a href="/sustainer/">an official
   Supporter of Software Freedom Conservancy</a>. </p>
-</div>
 {% endblock %}

www/conservancy/static/css/conservancy.css

@@ -136,11 +136,21 @@ text-decoration: none; color: #557733;
   bottom: 0;
   width: auto;
   padding: 0.5rem 1rem;
-  margin: 2rem -1rem 0;
+  margin: 2rem -0.5rem 0;
   border-radius: 8px 8px 0 0;
   border: 1px solid #90d468;
 }
 
+.donate-sidebar:hover {
+  background: #a0d870;
+}
+
+@media screen and (min-width: 30em) {
+  .donate-sidebar {
+    margin: 2rem -1rem 0;
+  }
+}
+
 p.footnote {
     font-size: 85%;
 }
@@ -276,10 +286,6 @@ body > header {
   margin-left: .5rem;
 }
 
-#sidebar + #mainContent {
-    float: left;
-}
-
 #progressbar {
     height: 1.8em;
 }
@@ -331,7 +337,6 @@ body > header {
 #container #sidebar {
   background-color: #ccd4a3;
   padding: 1px 0.5rem 0.25rem;
-  flex: 1 0 15em;
   margin-bottom: 1rem;
 }
 
@@ -340,6 +345,7 @@ body > header {
     display: flex;
   }
   #container #sidebar {
+  flex: 1 0 15em;
     margin-right: 1rem;
   }
 }

www/conservancy/templates/base_compliance.html

@@ -39,4 +39,5 @@
       this work without ongoing support from donors like you!</p>
   </details>
 </div>
+</div>
 {% endblock %}

www/conservancy/templates/base_press.html

@@ -23,7 +23,8 @@
          </div>
                <div id="mainContent">{% block content %}{% endblock %}
                </div>
-</div></div>
+
+    </div>
 <div class="donate-sidebar">
   <details>
     <summary>Support Now!</summary>
@@ -37,4 +38,5 @@
       this work without ongoing support from donors like you!</p>
   </details>
     </div>
+</div>
 {% endblock %}