MDL-79800 courseformat: Fix activity cards right elements margins

- Fix margins in elements displayed in the right side of activity cards.
Replace right margins with left margins to avoid extra space when editing
mode is off and action menu is not displayed.
- Fix groupmode icon spacing when displayed in small resolutions with edit
mode disabled

course/format/templates/local/content/cm/activity.mustache

@@ -108,7 +108,7 @@
     {{! Group mode }}
     {{#groupmodeinfo}}
         <div
-            class="activity-groupmode-info align-self-start mr-sm-2"
+            class="activity-groupmode-info align-self-start ml-sm-2"
             data-region="groupmode"
         >
             {{$ core_courseformat/local/content/cm/groupmode}}
@@ -120,7 +120,7 @@
     {{! Completion }}
     {{#completion}}
         {{#hascompletion}}
-            <div class="activity-completion align-self-start mr-sm-2">
+            <div class="activity-completion align-self-start ml-sm-2">
                 {{$ core_courseformat/local/content/cm/activity_info}}
                     {{> core_courseformat/local/content/cm/activity_info}}
                 {{/ core_courseformat/local/content/cm/activity_info}}
@@ -130,7 +130,7 @@
 
     {{! Action menu }}
     {{#controlmenu}}
-        <div class="activity-actions bulk-hidden align-self-start">
+        <div class="activity-actions bulk-hidden align-self-start ml-sm-2">
             {{$ core_courseformat/local/content/cm/controlmenu }}
                 {{> core_courseformat/local/content/cm/controlmenu }}
             {{/ core_courseformat/local/content/cm/controlmenu }}

course/format/templates/local/content/cm/groupmode.mustache

@@ -48,7 +48,7 @@
 >
     {{#groupicon}}{{{groupicon}}}{{/groupicon}}
     {{#groupalt}}
-        <div class="groupmode-icon-info">{{groupalt}}</div>
+        <div class="groupmode-icon-info ml-1">{{groupalt}}</div>
     {{/groupalt}}
 </div>
 {{/isInteractive}}