Merge pull request #4740 from uclixnjupyternbaccessibility/issue-3987

Narrator focus is not in logical order for running notebook links: issue #3978

.gitignore

@@ -41,3 +41,4 @@ config.rst
 
 package-lock.json
 geckodriver.log
+*.iml

notebook/static/tree/js/notebooklist.js

@@ -565,15 +565,27 @@ define([
             .addClass("item_name")
             .appendTo(link);
 
-        $("<span/>")
-            .addClass("file_size")
-            .addClass("pull-right")
+        var div = $('<div/>')
+            .addClass('pull-right')
             .appendTo(item);
 
+        var buttons = $('<div/>')
+            .addClass("item_buttons pull-left")
+            .appendTo(div);
+
+        var div2 = $('<div/>')
+            .addClass('pull-right')
+            .appendTo(div);
+
         $("<span/>")
             .addClass("item_modified")
+            .addClass("pull-left")
+            .appendTo(div2);
+
+        $("<span/>")
+            .addClass("file_size")
             .addClass("pull-right")
-            .appendTo(item);
+            .appendTo(div2);
 
         if (selectable === false) {
             checkbox.css('visibility', 'hidden');
@@ -588,10 +600,6 @@ define([
             });
         }
 
-        var buttons = $('<div/>')
-            .addClass("item_buttons  pull-right")
-            .appendTo(item);
-
         $('<div/>')
             .addClass('running-indicator')
             .text(i18n.msg._('Running'))