From 764c771090cbb9783581278d517c19c13edc124f Mon Sep 17 00:00:00 2001
From: Taka <taka@vm-linux-dev>
Date: Thu, 22 Apr 2021 04:37:23 +1000
Subject: [PATCH] Changed how the layout of the chapter icons is done.

---
 asl_rulebook2/webapp/static/Accordian.js      | 3 +++
 asl_rulebook2/webapp/static/css/Accordian.css | 2 +-
 asl_rulebook2/webapp/static/css/NavPane.css   | 1 +
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/asl_rulebook2/webapp/static/Accordian.js b/asl_rulebook2/webapp/static/Accordian.js
index 962341c..9ecfd61 100644
--- a/asl_rulebook2/webapp/static/Accordian.js
+++ b/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
             ) ;
         },
+
     },
 
 } ) ;
diff --git a/asl_rulebook2/webapp/static/css/Accordian.css b/asl_rulebook2/webapp/static/css/Accordian.css
index 356b9ba..d6b5ff8 100644
--- a/asl_rulebook2/webapp/static/css/Accordian.css
+++ b/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 ; }
diff --git a/asl_rulebook2/webapp/static/css/NavPane.css b/asl_rulebook2/webapp/static/css/NavPane.css
index 8f604f9..aa3268a 100644
--- a/asl_rulebook2/webapp/static/css/NavPane.css
+++ b/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 ; }