diff --git a/src/data/Web_Basic-Ash.css b/src/data/Web_Basic-Ash.css
index 84419faf2..550223ad7 100644
--- a/src/data/Web_Basic-Ash.css
+++ b/src/data/Web_Basic-Ash.css
@@ -314,7 +314,7 @@ div#alphabet ul li a:hover {
 ----------------------------------------------------- */
 table {
     font-size:14px;
-    margin:0 15px;
+    margin:0;
     padding:0;
     border:none;
     border-collapse:collapse;
@@ -1011,7 +1011,6 @@ table.attrlist tbody tr td.ColumnAttrValue {
 }
 table.attrlist tbody tr td.ColumnAttrNotes {
     width: 45%;
-    background-color: #D8F3D6;
 }
 table.attrlist tbody tr td.ColumnAttrSources {
     background-color: #FFF;
diff --git a/src/data/Web_Basic-Blue.css b/src/data/Web_Basic-Blue.css
index 02651350a..0c4bab0c7 100644
--- a/src/data/Web_Basic-Blue.css
+++ b/src/data/Web_Basic-Blue.css
@@ -1023,10 +1023,8 @@ table.attrlist tbody tr td.ColumnAttrValue {
 }
 table.attrlist tbody tr td.ColumnAttrNotes {
     width: 45%;
-    background-color: #D8F3D6;
 }
 table.attrlist tbody tr td.ColumnAttrSources {
-    background-color: #FFF;
     width: 15%;
 }
 
diff --git a/src/data/Web_Basic-Cypress.css b/src/data/Web_Basic-Cypress.css
index 5cdc1dc2d..ea5d9b0fd 100644
--- a/src/data/Web_Basic-Cypress.css
+++ b/src/data/Web_Basic-Cypress.css
@@ -317,7 +317,7 @@ div#alphabet ul li a:hover {
 ----------------------------------------------------- */
 table {
     font-size:14px;
-    margin:0 15px;
+    margin:0;
     padding:0;
     border:none;
     border-collapse:collapse;
@@ -1038,10 +1038,8 @@ table.attrlist tbody tr td.ColumnAttrValue {
 }
 table.attrlist tbody tr td.ColumnAttrNotes {
     width: 45%;
-    background-color: #D8F3D6;
 }
 table.attrlist tbody tr td.ColumnAttrSources {
-    background-color: #FFF;
     width: 15%;
 }
 
diff --git a/src/data/Web_Basic-Lilac.css b/src/data/Web_Basic-Lilac.css
index 9cd78826c..768461445 100644
--- a/src/data/Web_Basic-Lilac.css
+++ b/src/data/Web_Basic-Lilac.css
@@ -263,7 +263,7 @@ div#alphabet ul li a:hover {
 ----------------------------------------------------- */
 table {
     font-size:14px;
-    margin:0 15px;
+    margin:0;
     padding:0;
     border:none;
     border-collapse:collapse;
@@ -988,10 +988,8 @@ table.attrlist tbody tr td.ColumnAttrValue {
 }
 table.attrlist tbody tr td.ColumnAttrNotes {
     width: 45%;
-    background-color: #D8F3D6;
 }
 table.attrlist tbody tr td.ColumnAttrSources {
-    background-color: #FFF;
     width: 15%;
 }
 
diff --git a/src/data/Web_Basic-Peach.css b/src/data/Web_Basic-Peach.css
index 6fc301ae7..1200580d6 100644
--- a/src/data/Web_Basic-Peach.css
+++ b/src/data/Web_Basic-Peach.css
@@ -267,7 +267,7 @@ div#alphabet ul li a:hover {
 ----------------------------------------------------- */
 table {
     font-size:14px;
-    margin:0 15px;
+    margin:0;
     padding:0;
     border:none;
     border-collapse:collapse;
@@ -991,10 +991,8 @@ table.attrlist tbody tr td.ColumnAttrValue {
 }
 table.attrlist tbody tr td.ColumnAttrNotes {
     width: 45%;
-    background-color: #D8F3D6;
 }
 table.attrlist tbody tr td.ColumnAttrSources {
-    background-color: #FFF;
     width: 15%;
 }
 
diff --git a/src/data/Web_Basic-Spruce.css b/src/data/Web_Basic-Spruce.css
index 1ef0ed508..dbf39ced3 100644
--- a/src/data/Web_Basic-Spruce.css
+++ b/src/data/Web_Basic-Spruce.css
@@ -265,7 +265,7 @@ div#alphabet ul li a:hover {
 ----------------------------------------------------- */
 table {
     font-size:14px;
-    margin:0 15px;
+    margin:0;
     padding:0;
     border:none;
     border-collapse:collapse;
@@ -989,10 +989,8 @@ table.attrlist tbody tr td.ColumnAttrValue {
 }
 table.attrlist tbody tr td.ColumnAttrNotes {
     width: 45%;
-    background-color: #D8F3D6;
 }
 table.attrlist tbody tr td.ColumnAttrSources {
-    background-color: #FFF;
     width: 15%;
 }
 
diff --git a/src/data/Web_Mainz.css b/src/data/Web_Mainz.css
index e181de061..3ba307858 100644
--- a/src/data/Web_Mainz.css
+++ b/src/data/Web_Mainz.css
@@ -305,7 +305,7 @@ div#alphabet ul li a:hover {
 ----------------------------------------------------- */
 table {
     font-size:14px;
-    margin:0 15px 1em 15px;
+    margin:0;
     padding:0;
     border:none;
     border-collapse:collapse;
@@ -1041,10 +1041,8 @@ table.attrlist tbody tr td.ColumnAttrValue {
 }
 table.attrlist tbody tr td.ColumnAttrNotes {
     width: 45%;
-    background-color: #D8F3D6;
 }
 table.attrlist tbody tr td.ColumnAttrSources {
-    background-color: #FFF;
     width: 15%;
 }
 
diff --git a/src/data/Web_Nebraska.css b/src/data/Web_Nebraska.css
index 83945415a..9a17d8624 100644
--- a/src/data/Web_Nebraska.css
+++ b/src/data/Web_Nebraska.css
@@ -971,10 +971,8 @@ table.attrlist tbody tr td.ColumnAttrValue {
 }
 table.attrlist tbody tr td.ColumnAttrNotes {
     width: 45%;
-    background-color: #D8F3D6;
 }
 table.attrlist tbody tr td.ColumnAttrSources {
-    background-color: #FFF;
     width: 15%;
 }
 
diff --git a/src/data/Web_Print-Default.css b/src/data/Web_Print-Default.css
index a3418151e..91edeb38d 100644
--- a/src/data/Web_Print-Default.css
+++ b/src/data/Web_Print-Default.css
@@ -938,7 +938,6 @@ table.attrlist tbody tr td.ColumnValue {
     width: 250px;
 }
 table.attrlist tbody tr td.ColumnSources {
-    background-color: #FFF;
     width: 100px;
 }
 table.attrlist tbody tr td.ColumnNotes {
@@ -946,7 +945,6 @@ table.attrlist tbody tr td.ColumnNotes {
 }
 div#attributes table.attrlist tbody tr td.ColumnNotes {
     width: 400px;
-    background-color: #D8F3D6;
 }
 
 /* Subsections : Parents
diff --git a/src/plugins/webreport/NarrativeWeb.py b/src/plugins/webreport/NarrativeWeb.py
index 590de3af4..6bd807376 100644
--- a/src/plugins/webreport/NarrativeWeb.py
+++ b/src/plugins/webreport/NarrativeWeb.py
@@ -374,7 +374,7 @@ class BasePage(object):
             for ref in gid_list:
                 index, key = self.bibli.add_reference(ref)
                 id_ = "%d%s" % (index+1, key)
-                text += '<a href="#sref%s">%s</a>' % (id_, id_)
+                text += ' <a href="#sref%s">[%s]</a>' % (id_, id_)
 
         # return citation list text to its callers
         return text
@@ -447,13 +447,16 @@ class BasePage(object):
         db = self.report.database
 
         # begin unordered list
-        ul = Html("ul")
-        ul.extend(
-            self.get_note_format(
-                db.get_note_from_handle(notehandle))
-            for notehandle in notelist)
+        ul = Html("p")
+        for notehandle in notelist:
+            ul.extend(
+                Html("p", str(db.get_note_from_handle(notehandle).type))
+                )
+            ul.extend(
+                self.get_note_format(db.get_note_from_handle(notehandle))
+                )
 
-        # return unordered note list to its callers
+        # return note list to its callers
         return ul
 
     def display_event_row(self, evt, evt_ref, subdirs, hyp):
@@ -1634,8 +1637,9 @@ class BasePage(object):
 
                     if tmp:
                         list1 = Html("li", inline = True) + (
-                            Html("a", "; &nbsp; ".join(tmp),
-                                name = "sref%d%s" % (cindex, key))
+                            Html("a", "<br/> ".join(tmp),
+                                 style="text-decoration: none;",
+                                 name="sref%d%s" % (cindex, key))
                             )
 
                         ordered1 += list1