MDL-48947 course: Section button cleanup

Creates a new method of handling all the section related icons.
Including a new method that places these actions in a menu for topic and
weeks course formats. (This version replaces "Edit" with "Topic/Week/or
Section menu")

theme/base/style/core.css

@@ -1979,6 +1979,8 @@ img#persona_signin { cursor: pointer; }
 .moodle-actionmenu > ul,
 .moodle-actionmenu > ul > li {display: inline-block;}
 .moodle-actionmenu ul {padding: 0;margin: 0;list-style-type: none;}
+.section_action_menu .moodle-actionmenu ul.menubar {margin: 0;}
+.section_action_menu .moodle-actionmenu ul.menu {margin: 0 10px 10px 0;}
 #page .moodle-actionmenu a.hidden {display: none;}
 .moodle-actionmenu .toggle-display,
 .moodle-actionmenu .menu-action-text {display: none;}

theme/base/style/course.css

@@ -29,6 +29,19 @@
     display: inline-block;
 }
 
+.section .side.left {
+    float: left;
+}
+.dir-rtl .section .side.left {
+    float: right;
+}
+.section .side.right {
+    float: right;
+}
+.dir-rtl .section .side.right {
+    float: left;
+}
+
 .section .activity .editing_move {
     position: absolute;
     left: 0;

theme/bootstrapbase/less/moodle/core.less

@@ -2193,6 +2193,14 @@ img#persona_signin {
     list-style-type: none;
 }
 
+.section_action_menu .moodle-actionmenu ul.menubar {
+    margin: 0;
+}
+
+.section_action_menu .moodle-actionmenu ul.menu {
+    margin: 0 10px 10px 0;
+}
+
 .moodle-actionmenu .toggle-display,
 .moodle-actionmenu .menu-action-text {
     display: none; /** Hidden by default, display none so that we don't take up space. **/

theme/bootstrapbase/less/moodle/course.less

@@ -2,9 +2,14 @@
 /* COURSE CONTENT */
 .section_add_menus {
     text-align: right;
+    clear: both;
+}
+.section-modchooser {
+    clear: both;
 }
 .dir-rtl .section_add_menus {
     text-align: left;
+    clear: both;
 }
 .section_add_menus .horizontal div,
 .section_add_menus .horizontal form {
@@ -41,6 +46,16 @@
     margin: 1em;
 }
 .section {
+    .side {
+        &.left {
+            float: left;
+        }
+        &.right {
+            float: right;
+        }
+        position: relative;
+        z-index: 10;
+    }
     .spinner {
         height: 16px;
         width: 16px;
@@ -130,6 +145,16 @@
 }
 
 .dir-rtl .section {
+    .side {
+        &.left {
+            float: right;
+        }
+        &.right {
+            float: left;
+        }
+        position: relative;
+        z-index: 10;
+    }
     .activity {
         .spinner {
             left: auto;