Update Bootstrap to v4.1, fix chosen.js and pagedown on multiple sites

app/assets/stylesheets/base.css.scss

@@ -28,6 +28,7 @@ span.caret {
   .progress-bar {
     line-height: initial;
     min-width: 2em;
+    color: white;
   }
 }
 
@@ -35,7 +36,7 @@ span.caret {
   margin-top: 0.5em;
 }
 
-.badge {
+.badge-pill {
   font-size: 100%;
 }
 

app/assets/stylesheets/bootstrap-dropdown-submenu.css.scss

@@ -3,10 +3,14 @@
 }
 
 .dropdown-submenu > .dropdown-menu {
-  top: 0;
+  top: -0.2em;
   left: 100%;
 }
 
+.dropdown-submenu.open > ul.dropdown-menu  {
+  display: block;
+}
+
 .dropdown-submenu > a:after {
   display: block;
   content: " ";
@@ -25,11 +29,11 @@
   border-left-color: #ffffff;
 }
 
-.dropdown-submenu.pull-left {
+.dropdown-submenu.float-left {
   float: none;
 }
 
-.dropdown-submenu.pull-left > .dropdown-menu {
+.dropdown-submenu.float-left > .dropdown-menu {
   left: -100%;
   margin-left: 10px;
   -webkit-border-radius: 6px 0 6px 6px;

app/assets/stylesheets/editor.css.scss

@@ -144,7 +144,8 @@ button i.fa-spin {
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
-  box-sizing: border-box
+  box-sizing: border-box;
+  margin-left: auto;
 }
 
 .output-col-collapsed {
@@ -155,7 +156,8 @@ button i.fa-spin {
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
-  box-sizing: border-box
+  box-sizing: border-box;
+  margin-left: auto;
 }
 
 .enforce-top-margin {
@@ -166,14 +168,14 @@ button i.fa-spin {
   margin-right: 10px !important;
 }
 
-.description-panel-collapsed {
+.description-card-collapsed {
   -webkit-transition: width 2s;
   transition: width 2s;
   height: 0px;
   visibility: hidden;
 }
 
-.description-panel {
+.description-card {
   height: auto;
   -webkit-transition: height 2s;
   transition: height 2s;

app/assets/stylesheets/exercise_collections.scss

@@ -57,10 +57,6 @@ rect.value-bar {
   }
 }
 
-.table-responsive#exercise-list {
-  max-height: 512px;
-}
-
 .exercise-id-tooltip {
   position: absolute;
   display: none;

app/assets/stylesheets/exercises.css.scss

@@ -35,11 +35,19 @@ input[type='file'] {
     margin: 10px 0 10px 0;
   }
 
-  .lead.description-panel-collapsed {
+  .lead.description-card-collapsed {
     margin: 0;
   }
 }
 
+[data-toggle="collapse"] .fa:before {
+  content: "\f139";
+}
+
+[data-toggle="collapse"].collapsed .fa:before {
+  content: "\f13a";
+}
+
 // Graph Settings
 
 .axis path {

app/assets/stylesheets/request-for-comments.css.scss

@@ -127,7 +127,7 @@
   background-color:#f9f9f9
 }
 
-.ace_tooltip {
+:not(.allow_ace_tooltip) > .ace_tooltip {
   display: none !important;
 }
 

app/assets/stylesheets/statistics.css.scss

@@ -76,8 +76,8 @@ tr.highlight {
   grid-gap: 10px;
 
   > a {
-    color: #fff;
-    text-decoration: none;
+    color: #fff !important;
+    text-decoration: none !important;
 
     > div {
       border: 2px solid #0055ba;