Minor UI/style changes.

Author: kgodey

assets/static/style.css

@@ -63,13 +63,25 @@ body {
 .dropdown:hover .dropdown-menu {
     display: block;
 }
+
 .dropdown-menu {
     margin-top: 0px;
 }
+
 .navbar-dark .navbar-nav .nav-item .nav-link {
   padding-bottom: .3rem;
   color: white;
 }
+
 .navbar-dark .navbar-nav .nav-item.active .nav-link {
   border-bottom: 2px solid white;
+}
+
+.toc-card {
+  width: 18rem;
+  margin-bottom: 1rem;
+}
+
+.toc {
+  margin-bottom: 0;
 }

templates/layout.html

@@ -60,8 +60,10 @@
     <div class="row justify-content-md-center">
       <div class="col-9 content-wrap">
         <div class="page py-3">
+          <a name="top"></a>
           <h2 class="pb-2"><strong>{% block header %}{{ this.title }}{% endblock %}</strong></h2>
           {% block body %}{% endblock %}
+          <a id="back-to-top" href="#top" class="btn btn-dark btn-sm" role="button">Back to top</a>
         </div>
       </div>
     </div>

templates/page-with-toc.html

@@ -1,12 +1,14 @@
 {% extends "layout.html" %}
 {% block title %}{{ this.title }}{% endblock %}
 {% block body %}
-  <ul class="toc list-unstyled">
-    {% for item in this.body.toc %}
-      <li><a href="#{{ item.anchor }}">{{ item.title }}</a></li>
-    {% endfor %}
-  </ul>
-  <hr/>
+  <div class="card toc-card bg-light">
+    <div class="card-body">
+      <ul class="toc list-unstyled">
+        {% for item in this.body.toc %}
+          <li><a href="#{{ item.anchor }}">{{ item.title }}</a></li>
+        {% endfor %}
+      </ul>
+    </div>
+  </div>
   {{ this.body }}
-  
 {% endblock %}

templates/project-ideas.html

@@ -4,7 +4,6 @@
 {% block header %}GSoC 2019: Project Ideas{% endblock %}
 {% block body %}
   <p class="text-muted">This is the project idea list for the <a href="/gsoc-2019">Google Summer of Code 2019</a> program. We have a mix of projects that are meant to be installed widely (such as plugins for other software) and projects that are more focused on improving user experience for users of Creative Commons licenses. Regardless of scope, these projects all have a broad and positive community impact.</p>
-  <a name="ideas-top"></a>
   <hr/>
   <!-- We display all ideas by default. -->
   {% set ideas = site.query('/gsoc-2019/project-ideas-collection').include_undiscoverable(true) %}
@@ -54,6 +53,5 @@ <h2 class="card-header"><a name="your-idea">Your idea here</a></h5>
         <li class="list-group-item">We are open to original ideas for projects that will help increase the utility of CC-licensed content, ease the process for creators applying CC licenses to their content, or improve CC's internal tools or processes. Please talk to us on Slack or via the mailing list to find a mentor for the project before submitting your proposal.</li>
       </ul>
     </div>
-    <a id="back-to-top" href="#ideas-top" class="btn btn-dark btn-sm" role="button">Back to list</a>
   </div>
 {% endblock %}