fixed CSS for ordered lists and def lists in doc blocks

html/Ocean.std-theme/ocean.css

@@ -18,7 +18,21 @@ p {
   margin: 0.8em 0;
 }
 
-ul { margin-left: 2em; }
+ul, ol {
+  margin: 0.8em 0 0.8em 2em;
+}
+
+dl {
+  margin: 0.8em 0;
+}
+
+dt {
+  margin-top: 0.8em;
+  font-weight: bold;
+}
+dd {
+  margin-left: 2em;
+}
 
 a { text-decoration: none; }
 a[href]:link { color: rgb(196,69,29); }
@@ -381,14 +395,18 @@ div#style-menu-holder {
   margin-top: 0.8em;
 }
 
-#interface dt {
+.subs dl {
+  margin: 0;
+}
+
+.subs dt {
   float: left;
   clear: left;
   display: block;
   margin: 1px 0;
 }
 
-#interface dd {
+.subs dd {
   float: right;
   width: 90%;
   display: block;
@@ -396,11 +414,11 @@ div#style-menu-holder {
   margin-bottom: 0.5em;
 }
 
-#interface dd.empty {
+.subs dd.empty {
   display: none;
 }
 
-#interface dd p {
+.subs dd p {
   margin: 0;
 }
 

tests/golden-tests/tests/Test.hs

@@ -240,6 +240,10 @@ using double quotes: "Foo".  We can add emphasis /like this/.
    (1) This is an ordered list
  
    2. This is the next item (different kind of bullet)
+   
+   [cat] a small, furry, domesticated mammal
+   
+   [pineapple] a fruit grown in the tropics
 
 @
      This is a block of code, which can include other markup: 'R'