From a4808411a48d5e07e3c0d4b27d06ec756464390d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Massart?= <fred@moodle.com>
Date: Wed, 21 Sep 2016 15:22:15 +0200
Subject: [PATCH] MDL-56056 theme_boost: Align completion icons with activity
 menus

---
 theme/boost/scss/moodle/course.scss | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/theme/boost/scss/moodle/course.scss b/theme/boost/scss/moodle/course.scss
index 23f734fb5a8..04c13e6cf74 100644
--- a/theme/boost/scss/moodle/course.scss
+++ b/theme/boost/scss/moodle/course.scss
@@ -177,7 +177,7 @@
 
 .section .activity .commands {
     white-space: nowrap;
-    display: inline;
+    display: inline-block;
 }
 
 .section .activity.modtype_label.label {
@@ -426,12 +426,23 @@
 
 .path-course-view li.activity span.autocompletion img {
     vertical-align: text-bottom;
+    margin-right: 0;
 }
 
 .path-course-view li.activity form.togglecompletion img {
     max-width: none; /* The width is 0 so ensure we don't end up with a relative max-width */
 }
 
+.path-course-view {
+    &.editing {
+        li.activity span.autocompletion img {
+            /* Use the same spacing as the filler. */
+            margin-right: $spacer / 2;
+            margin-left: $spacer / 2;
+        }
+    }
+}
+
 .path-course-view li.activity form.togglecompletion .ajaxworking {
     width: 16px;
     height: 16px;