Close the rule info popup when switching nav panes using the keyboard.

asl_rulebook2/webapp/static/MainApp.js

@@ -58,6 +58,7 @@ gMainApp.component( "main-app", {
         jQuery.hotkeys.options.filterContentEditable = false ;
         jQuery.hotkeys.options.filterTextInputs = false ;
         function selectNav( tabId ) {
+            $( "#nav .close-rule-info" ).click() ;
             $( "#nav .tab-strip .tab[data-tabid='" + tabId + "']" ).click() ;
         }
         $( "body" ).bind( "keydown", "alt+r", function( evt ) {

asl_rulebook2/webapp/static/RuleInfo.js

@@ -31,7 +31,7 @@ gMainApp.component( "rule-info", {
     </transition>
     <transition :name=ruleInfoTransitionName >
         <img v-if=showPopup() :src=closeRuleInfoImageUrl
-          @click="$emit('close')" ref="closeRuleInfoButton"
+          @click="$emit('close')"
           class="close-rule-info"
         />
     </transition>