Changed how the layout of the chapter icons is done.

asl_rulebook2/webapp/static/Accordian.js

@@ -65,10 +65,12 @@ gMainApp.component( "accordian-pane", {
     },
 
     methods: {
+
         onClickEntry( entry ) {
             // notify the parent that an entry was clicked
             this.$emit( "entry-clicked", this.paneKey, entry ) ;
         },
+
         onToggleExpand() {
             // notify the parent
             gEventBus.emit( "expand-pane", this.$parent.accordianId,
@@ -76,6 +78,7 @@ gMainApp.component( "accordian-pane", {
                 true
             ) ;
         },
+
     },
 
 } ) ;

asl_rulebook2/webapp/static/css/Accordian.css

@@ -7,7 +7,7 @@
     padding: 5px 8px ;
     cursor: pointer ;
 }
-.accordian-pane .title .icon { height: 20px ; margin-right: 10px ; }
+.accordian-pane .title .icon { margin-right: 10px ; }
 
 .accordian-pane .entries { margin: 0 0 5px 15px ; list-style-type: none ; }
 .accordian-pane .entries li { list-style-image: none ; }

asl_rulebook2/webapp/static/css/NavPane.css

@@ -2,3 +2,4 @@
 #nav .no-chapters { font-style: italic ; color: #888 ; }
 
 #nav .tabbed-page[data-tabid="chapters"] .wrapper { overflow-y: auto ; }
+#nav .tabbed-page[data-tabid="chapters"] .accordian-pane img.icon { width: 40px ; }