override list styles

Author: jenweber

app/styles/base/_lists.scss

@@ -1,11 +1,9 @@
 ul,
 ol {
-  list-style-type: none;
   margin: 0;
   padding: 0;
 
   &%default-ul {
-    list-style-type: disc;
     margin-bottom: $small-spacing;
     padding-left: $base-spacing;
 
@@ -15,7 +13,6 @@ ol {
   }
 
   &%default-ol {
-    list-style-type: none;
     margin-bottom: $base-spacing;
 
     > li {

app/styles/components/_sidebar.scss

@@ -93,6 +93,7 @@ ol.toc-level-1 {
   // override ember-styleguide link color
   a {
     color: #42474f;
+    padding-left: 2rem;
   }
 
   &:not(.selected) {

app/templates/components/table-of-contents.hbs

@@ -5,7 +5,7 @@
       {{#each moduleIDs as |moduleID|}}
 
         {{#if (not-eq moduleID "@ember/object/computed")}}
-          <li class="toc-level-1 medium regular padding-left-small" data-test-module={{moduleID}}>
+          <li class="toc-level-1 medium regular padding-left-small list-unstyled" data-test-module={{moduleID}}>
             {{#link-to 'project-version.modules.module' version moduleID}}
               {{moduleID}}
             {{/link-to}}
@@ -21,7 +21,7 @@
       <a {{action 'toggle' 'namespaces'}} href="#">Namespaces</a>
       <ol class="toc-level-1 medium regular namespaces" style="display: block">
         {{#each namespaceIDs as |namespaceID|}}
-          <li class="toc-level-1 medium regular padding-left-small" data-test-namespace={{namespaceID}}>
+          <li class="toc-level-1 medium regular padding-left-small list-unstyled" data-test-namespace={{namespaceID}}>
             {{#link-to 'project-version.namespaces.namespace' version namespaceID}}{{namespaceID}}{{/link-to}}
           </li>
         {{/each}}
@@ -33,7 +33,7 @@
     <a {{action 'toggle' 'classes'}} href="#">Classes</a>
     <ol class="toc-level-1 medium regular classes" style="display: block">
       {{#each classesIDs as |classID|}}
-        <li class="toc-level-1 medium regular padding-left-small" data-test-class={{classID}}>
+        <li class="toc-level-1 medium regular padding-left-small list-unstyled" data-test-class={{classID}}>
           {{#link-to 'project-version.classes.class' version classID}}{{classID}}{{/link-to}}
         </li>
       {{/each}}

app/templates/project-version.hbs

@@ -1,13 +1,13 @@
 <aside class="sidebar">
   <ol class="toc-level-0">
-    <li class="toc-level-0 large margin-bottom-small" data-test-home>
+    <li class="toc-level-0 large margin-bottom-small  list-unstyled" data-test-home>
       {{#link-to 'project' 'ember'}}Home{{/link-to}}
     </li>
-    <li class="toc-level-0 large margin-vertical-small">
+    <li class="toc-level-0 large margin-vertical-small  list-unstyled">
       <span class="toc-spacing">Projects</span>
       <ol class="toc-level-1 selected" style="display: block;">
-        <li class="toc-level-1 medium regular padding-left-small">{{#link-to 'project' 'ember' active=(eq activeProject 'ember') class="spec-ember"}}Ember{{/link-to}}</li>
-        <li class="toc-level-1 medium regular padding-left-small">{{#link-to 'project' 'ember-data' active=(eq activeProject 'ember-data') class="spec-ember-data"}}Ember Data{{/link-to}}</li>
+        <li class="toc-level-1 medium regular padding-left-small list-unstyled">{{#link-to 'project' 'ember' active=(eq activeProject 'ember') class="spec-ember"}}Ember{{/link-to}}</li>
+        <li class="toc-level-1 medium regular padding-left-small list-unstyled">{{#link-to 'project' 'ember-data' active=(eq activeProject 'ember-data') class="spec-ember-data"}}Ember Data{{/link-to}}</li>
       </ol>
     </li>
   </ol>