Fix modals not closing on Android

core/static/modal.js

@@ -1,4 +1,5 @@
-var modal = document.querySelector('.modal');  // assuming you have only 1
+// var modal = document.querySelector('.modal');  // assuming you have only 1
+var modal = document.getElementById("drilldown-modal");
 var html = document.querySelector('html');
 
 var elements = document.querySelectorAll('.modal-background');

core/templates/modals/drilldown.html

@@ -4,7 +4,7 @@
 <script src="{% static 'modal.js' %}"></script>
 <link rel ="stylesheet" href="{% static 'tabs.css' %}">
 <script src="{% static 'tabs.js' %}"></script>
-<div class="modal is-active is-clipped">
+<div id="drilldown-modal" class="modal is-active is-clipped">
   <div class="modal-background"></div>
   <div class="modal-content">
     <div class="box">
@@ -104,5 +104,6 @@
       </div>
     </div>
     <button class="modal-close is-large" aria-label="close"></button>
+    <script>activateButtons();</script>
   </div>
 </div>

core/views/ui/tables.py

@@ -1,5 +1,6 @@
-from django_tables2 import Column, Table
 from django.conf import settings
+from django_tables2 import Column, Table
+
 
 class DrilldownTable(Table):
     id = Column()