Updated source record layout to show one source per line

Author: jess-ho

openlibrary/templates/type/edition/view.html

@@ -472,10 +472,7 @@ <h3>$_("Source records")</h3>
                 <ul class="source-records">
                   $ get_source_html = render_template("history/sources").get_source_html
                   $for source_record in source_records:
-                    $ source_html = get_source_html(source_record)
-                    $ record = [s+'</a>' for s in source_html.split('</a>') if s]
-                    $for link in record:
-                      <li>$:link</li>
+                    <li>$:get_source_html(source_record)</li>
                 </ul>
               </div>
           $if work:

static/css/components/work.less

@@ -59,11 +59,12 @@ div.editionAbout {
   }
 }
 
-.source-records {
+.source-records li {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   font-size: 12px;
+  margin-bottom: 12px;
 }
 
 .work-description {