UI: Add dropdown markers to roadmap

assets/static/zenodo.css

@@ -26,8 +26,7 @@ hgroup,
 main,
 menu,
 nav,
-section,
-summary {
+section {
   display: block;
 }
 
@@ -222,6 +221,16 @@ th {
   padding: 0;
 }
 
+details summary { 
+  border-bottom: 1px #eee solid;
+  padding: 1em 0;
+  margin: 1em 0;
+}
+
+details summary > * {
+  display: inline;
+}
+
 /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
 @media print {
   *,

templates/roadmap.html

@@ -5,7 +5,7 @@
 {% block body %}
 <section class="roadmap-section">
     <div class="container">
-        <div clas="row">
+        <div class="row">
             <h1>Roadmap</h1>
             <hr />
         </div>
@@ -32,7 +32,7 @@ <h1>Roadmap</h1>
                 {%- endfor %}
             </div>
         </div>
-        <div clas="row">
+        <div class="row">
             <div class="col-md-8 col-md-offset-2 text-center">
                 Our roadmap helps us share what we are working on next and the direction that we're taking Zenodo. <br>The roadmap is updated quarterly in January, April, July and October. Questions, comments and feedback? <a href="https://zenodo.org/support">Contact us</a>
                 </p>
@@ -49,7 +49,6 @@ <h2>Completed</h2>
                         <details {{ 'open' if year >= (today().year - 1) }}>
                             <summary>
                                 <h3>{{ year }}</h3>
-                                <hr />
                             </summary>
                             <div class="row">
                                 {%- for card in cards %}