diff --git a/www/addons/calendar/services/handlers.js b/www/addons/calendar/services/handlers.js
index aaf63cf2ab3..598e01ec276 100644
--- a/www/addons/calendar/services/handlers.js
+++ b/www/addons/calendar/services/handlers.js
@@ -66,6 +66,7 @@ angular.module('mm.addons.calendar')
                 $scope.icon = 'ion-calendar';
                 $scope.title = 'mma.calendar.calendarevents';
                 $scope.state = 'site.calendar';
+                $scope.class = 'mma-calendar-handler';
             };
         };
 
diff --git a/www/addons/coursecompletion/services/handlers.js b/www/addons/coursecompletion/services/handlers.js
index 1b7a91af849..f112026e6d3 100644
--- a/www/addons/coursecompletion/services/handlers.js
+++ b/www/addons/coursecompletion/services/handlers.js
@@ -130,6 +130,7 @@ angular.module('mm.addons.coursecompletion')
 
                 // Button title.
                 $scope.title = 'mma.coursecompletion.viewcoursereport';
+                $scope.class = 'mma-coursecompletion-user-handler';
 
                 $scope.action = function($event) {
                     $event.preventDefault();
@@ -208,6 +209,7 @@ angular.module('mm.addons.coursecompletion')
             return function($scope, $state) {
                 $scope.icon = 'ion-android-checkbox-outline';
                 $scope.title = 'mma.coursecompletion.coursecompletion';
+                $scope.class = 'mma-coursecompletion-mine-handler';
                 $scope.action = function($event, course) {
                     $event.preventDefault();
                     $event.stopPropagation();
diff --git a/www/addons/files/services/handlers.js b/www/addons/files/services/handlers.js
index edc6545656e..668b0a9cd06 100644
--- a/www/addons/files/services/handlers.js
+++ b/www/addons/files/services/handlers.js
@@ -66,6 +66,7 @@ angular.module('mm.addons.files')
                 $scope.icon = 'ion-folder';
                 $scope.title = 'mma.files.myfiles';
                 $scope.state = 'site.files';
+                $scope.class = 'mma-files-handler';
             };
         };
 
diff --git a/www/addons/frontpage/services/handlers.js b/www/addons/frontpage/services/handlers.js
index 667d5d549f3..d761dfc90dd 100644
--- a/www/addons/frontpage/services/handlers.js
+++ b/www/addons/frontpage/services/handlers.js
@@ -72,6 +72,7 @@ angular.module('mm.addons.frontpage')
                 $scope.icon = 'ion-home';
                 $scope.title = 'mma.frontpage.sitehome';
                 $scope.state = 'site.mm_course-section';
+                $scope.class = 'mma-frontpage-handler';
             };
         };
 
diff --git a/www/addons/grades/services/handlers.js b/www/addons/grades/services/handlers.js
index bc9574ebaac..b4c7e49dfcd 100644
--- a/www/addons/grades/services/handlers.js
+++ b/www/addons/grades/services/handlers.js
@@ -107,6 +107,7 @@ angular.module('mm.addons.grades')
             return function($scope, $state) {
                 $scope.icon = 'ion-stats-bars';
                 $scope.title = 'mma.grades.grades';
+                $scope.class = 'mma-grades-mine-handler';
                 $scope.action = function($event, course) {
                     $event.preventDefault();
                     $event.stopPropagation();
@@ -178,6 +179,7 @@ angular.module('mm.addons.grades')
              */
             return function($scope) {
                 $scope.title = 'mma.grades.viewgrades';
+                $scope.class = 'mma-grades-user-handler';
 
                 $scope.action = function($event) {
                     $event.preventDefault();
diff --git a/www/addons/messages/services/handlers.js b/www/addons/messages/services/handlers.js
index 42dcefe3cb8..36a1207b40a 100644
--- a/www/addons/messages/services/handlers.js
+++ b/www/addons/messages/services/handlers.js
@@ -63,8 +63,10 @@ angular.module('mm.addons.messages')
                     return $mmaMessages.isContact(user.id).then(function(isContact) {
                         if (isContact) {
                             $scope.title = 'mma.messages.removecontact';
+                            $scope.class = 'mma-messages-removecontact-handler';
                         } else {
                             $scope.title = 'mma.messages.addcontact';
+                            $scope.class = 'mma-messages-addcontact-handler';
                         }
                     }).catch(function() {
                         // This fails for some reason, let's just hide the button.
@@ -145,8 +147,10 @@ angular.module('mm.addons.messages')
                     return $mmaMessages.isBlocked(user.id).then(function(isBlocked) {
                         if (isBlocked) {
                             $scope.title = 'mma.messages.unblockcontact';
+                            $scope.class = 'mma-messages-unblockcontact-handler';
                         } else {
                             $scope.title = 'mma.messages.blockcontact';
+                            $scope.class = 'mma-messages-blockcontact-handler';
                         }
                     }).catch(function() {
                         // This fails for some reason, let's just hide the button.
@@ -222,6 +226,7 @@ angular.module('mm.addons.messages')
              */
             return function($scope) {
                 $scope.title = 'mma.messages.sendmessage';
+                $scope.class = 'mma-messages-sendmessage-handler';
                 $scope.action = function($event) {
                     $event.preventDefault();
                     $event.stopPropagation();
@@ -274,6 +279,7 @@ angular.module('mm.addons.messages')
                 $scope.icon = 'ion-chatbox';
                 $scope.title = 'mma.messages.messages';
                 $scope.state = 'site.messages';
+                $scope.class = 'mma-messages-handler';
             };
         };
 
diff --git a/www/addons/mod_assign/services/handlers.js b/www/addons/mod_assign/services/handlers.js
index 2adb7560763..44205c367c0 100644
--- a/www/addons/mod_assign/services/handlers.js
+++ b/www/addons/mod_assign/services/handlers.js
@@ -55,6 +55,7 @@ angular.module('mm.addons.mod_assign')
             return function($scope) {
                 $scope.title = module.name;
                 $scope.icon = $mmCourse.getModuleIconSrc('assign');
+                $scope.class = 'mma-mod_assign-handler';
                 $scope.action = function(e) {
                     if (e) {
                         e.preventDefault();
diff --git a/www/addons/mod_book/services/handlers.js b/www/addons/mod_book/services/handlers.js
index 5179858c6a8..fab00cc24f1 100644
--- a/www/addons/mod_book/services/handlers.js
+++ b/www/addons/mod_book/services/handlers.js
@@ -86,6 +86,7 @@ angular.module('mm.addons.mod_book')
 
                 $scope.title = module.name;
                 $scope.icon = $mmCourse.getModuleIconSrc('book');
+                $scope.class = 'mma-mod_book-handler';
                 $scope.buttons = [downloadBtn, refreshBtn];
                 $scope.spinner = true; // Show spinner while calculating status.
 
diff --git a/www/addons/mod_chat/services/handlers.js b/www/addons/mod_chat/services/handlers.js
index e5aa798b3f0..73db7b7b0f4 100644
--- a/www/addons/mod_chat/services/handlers.js
+++ b/www/addons/mod_chat/services/handlers.js
@@ -54,6 +54,7 @@ angular.module('mm.addons.mod_chat')
             return function($scope) {
                 $scope.title = module.name;
                 $scope.icon = $mmCourse.getModuleIconSrc('chat');
+                $scope.class = 'mma-mod_chat-handler';
                 $scope.action = function(e) {
                     $state.go('site.mod_chat', {module: module, courseid: courseid});
                 };
diff --git a/www/addons/mod_choice/services/handlers.js b/www/addons/mod_choice/services/handlers.js
index ed6951d0ad4..27b23752a29 100644
--- a/www/addons/mod_choice/services/handlers.js
+++ b/www/addons/mod_choice/services/handlers.js
@@ -55,6 +55,7 @@ angular.module('mm.addons.mod_choice')
             return function($scope) {
                 $scope.title = module.name;
                 $scope.icon = $mmCourse.getModuleIconSrc('choice');
+                $scope.class = 'mma-mod_choice-handler';
                 $scope.action = function(e) {
                     $state.go('site.mod_choice', {module: module, courseid: courseid});
                 };
diff --git a/www/addons/mod_folder/services/handlers.js b/www/addons/mod_folder/services/handlers.js
index 15bfda1cb82..67092f0819f 100644
--- a/www/addons/mod_folder/services/handlers.js
+++ b/www/addons/mod_folder/services/handlers.js
@@ -92,6 +92,7 @@ angular.module('mm.addons.mod_folder')
 
                 $scope.icon = $mmCourse.getModuleIconSrc('folder');
                 $scope.title = module.name;
+                $scope.class = 'mma-mod_folder-handler';
                 $scope.buttons = [downloadBtn, refreshBtn];
                 $scope.spinner = true; // Show spinner while calculating status.
 
diff --git a/www/addons/mod_forum/services/handlers.js b/www/addons/mod_forum/services/handlers.js
index a3715141513..3de6a81a23c 100644
--- a/www/addons/mod_forum/services/handlers.js
+++ b/www/addons/mod_forum/services/handlers.js
@@ -60,6 +60,7 @@ angular.module('mm.addons.mod_forum')
             return function($scope) {
                 $scope.title = module.name;
                 $scope.icon = $mmCourse.getModuleIconSrc('forum');
+                $scope.class = 'mma-mod_forum-handler';
                 $scope.action = function(e) {
                     if (e) {
                         e.preventDefault();
diff --git a/www/addons/mod_glossary/services/handlers.js b/www/addons/mod_glossary/services/handlers.js
index 49f735fd02c..61aae2b73d0 100644
--- a/www/addons/mod_glossary/services/handlers.js
+++ b/www/addons/mod_glossary/services/handlers.js
@@ -56,6 +56,7 @@ angular.module('mm.addons.mod_glossary')
             return function($scope) {
                 $scope.icon = $mmCourse.getModuleIconSrc('glossary');
                 $scope.title = module.name;
+                $scope.class = 'mma-mod_glossary-handler';
                 $scope.action = function(e) {
                     if (e) {
                         e.preventDefault();
diff --git a/www/addons/mod_imscp/services/handlers.js b/www/addons/mod_imscp/services/handlers.js
index ba0e9620e91..6c34a643a3c 100644
--- a/www/addons/mod_imscp/services/handlers.js
+++ b/www/addons/mod_imscp/services/handlers.js
@@ -92,6 +92,7 @@ angular.module('mm.addons.mod_imscp')
 
                 $scope.title = module.name;
                 $scope.icon = $mmCourse.getModuleIconSrc('imscp');
+                $scope.class = 'mma-mod_imscp-handler';
                 $scope.buttons = [downloadBtn, refreshBtn];
                 $scope.spinner = true; // Show spinner while calculating status.
 
diff --git a/www/addons/mod_label/services/handlers.js b/www/addons/mod_label/services/handlers.js
index 433635e4ebc..b6d8e716dfa 100644
--- a/www/addons/mod_label/services/handlers.js
+++ b/www/addons/mod_label/services/handlers.js
@@ -62,6 +62,7 @@ angular.module('mm.addons.mod_label')
                 }
 
                 $scope.icon = false;
+                $scope.class = 'mma-mod_label-handler';
                 $scope.action = function(e) {
                     if (e) {
                         e.preventDefault();
diff --git a/www/addons/mod_lti/services/handlers.js b/www/addons/mod_lti/services/handlers.js
index 02f534f2af7..29447b3e77f 100644
--- a/www/addons/mod_lti/services/handlers.js
+++ b/www/addons/mod_lti/services/handlers.js
@@ -55,6 +55,7 @@ angular.module('mm.addons.mod_lti')
             return function($scope) {
                 $scope.title = module.name;
                 $scope.icon = $mmCourse.getModuleIconSrc('lti'); // Get LTI default icon for now.
+                $scope.class = 'mma-mod_lti-handler';
                 $scope.action = function() {
                     $state.go('site.mod_lti', {module: module, courseid: courseid});
                 };
diff --git a/www/addons/mod_page/services/handlers.js b/www/addons/mod_page/services/handlers.js
index b1e20366513..2ea3d4ebac0 100644
--- a/www/addons/mod_page/services/handlers.js
+++ b/www/addons/mod_page/services/handlers.js
@@ -86,6 +86,7 @@ angular.module('mm.addons.mod_page')
 
                 $scope.title = module.name;
                 $scope.icon = $mmCourse.getModuleIconSrc('page');
+                $scope.class = 'mma-mod_page-handler';
                 $scope.buttons = [downloadBtn, refreshBtn];
                 $scope.spinner = true; // Show spinner while calculating status.
 
diff --git a/www/addons/mod_resource/services/handlers.js b/www/addons/mod_resource/services/handlers.js
index 520eab31b91..e1fc480749d 100644
--- a/www/addons/mod_resource/services/handlers.js
+++ b/www/addons/mod_resource/services/handlers.js
@@ -97,6 +97,7 @@ angular.module('mm.addons.mod_resource')
                 } else {
                     $scope.icon = $mmCourse.getModuleIconSrc('resource');
                 }
+                $scope.class = 'mma-mod_resource-handler';
                 $scope.buttons = [downloadBtn, refreshBtn];
                 $scope.spinner = true; // Show spinner while calculating status.
 
diff --git a/www/addons/mod_scorm/services/handlers.js b/www/addons/mod_scorm/services/handlers.js
index 694e74be2be..59f40323dff 100644
--- a/www/addons/mod_scorm/services/handlers.js
+++ b/www/addons/mod_scorm/services/handlers.js
@@ -73,6 +73,7 @@ angular.module('mm.addons.mod_scorm')
 
                 $scope.icon = $mmCourse.getModuleIconSrc('scorm');
                 $scope.title = module.name;
+                $scope.class = 'mma-mod_scorm-handler';
                 $scope.buttons = [downloadBtn, refreshBtn];
                 $scope.spinner = true; // Show spinner while calculating status.
 
diff --git a/www/addons/mod_survey/services/handlers.js b/www/addons/mod_survey/services/handlers.js
index 37264b013d6..5c8d76dd4b3 100644
--- a/www/addons/mod_survey/services/handlers.js
+++ b/www/addons/mod_survey/services/handlers.js
@@ -55,6 +55,7 @@ angular.module('mm.addons.mod_survey')
             return function($scope) {
                 $scope.title = module.name;
                 $scope.icon = $mmCourse.getModuleIconSrc('survey');
+                $scope.class = 'mma-mod_survey-handler';
                 $scope.action = function(e) {
                     if (e) {
                         e.preventDefault();
diff --git a/www/addons/mod_url/services/handlers.js b/www/addons/mod_url/services/handlers.js
index 0447df15331..63b2ddcac28 100644
--- a/www/addons/mod_url/services/handlers.js
+++ b/www/addons/mod_url/services/handlers.js
@@ -55,6 +55,7 @@ angular.module('mm.addons.mod_url')
             return function($scope) {
                 $scope.icon = $mmCourse.getModuleIconSrc('url');
                 $scope.title = module.name;
+                $scope.class = 'mma-mod_url-handler';
                 $scope.action = function(e) {
                     if (e) {
                         e.preventDefault();
diff --git a/www/addons/mod_wiki/services/handlers.js b/www/addons/mod_wiki/services/handlers.js
index 8d6c9da1fce..e19a7bea51b 100644
--- a/www/addons/mod_wiki/services/handlers.js
+++ b/www/addons/mod_wiki/services/handlers.js
@@ -84,6 +84,7 @@ angular.module('mm.addons.mod_wiki')
 
                 $scope.title = module.name;
                 $scope.icon = $mmCourse.getModuleIconSrc('wiki');
+                $scope.class = 'mma-mod_wiki-handler';
                 $scope.buttons = [downloadBtn, refreshBtn];
                 $scope.spinner = true; // Show spinner while calculating status.
 
diff --git a/www/addons/notes/services/handlers.js b/www/addons/notes/services/handlers.js
index 8e13cfec0bd..754922f2528 100644
--- a/www/addons/notes/services/handlers.js
+++ b/www/addons/notes/services/handlers.js
@@ -119,6 +119,7 @@ angular.module('mm.addons.notes')
 
                 // Button title.
                 $scope.title = 'mma.notes.addnewnote';
+                $scope.class = 'mma-notes-add-handler';
 
                 $ionicModal.fromTemplateUrl('addons/notes/templates/add.html', {
                     scope: $scope,
@@ -228,6 +229,7 @@ angular.module('mm.addons.notes')
             return function($scope, $state) {
                 $scope.icon = 'ion-ios-list';
                 $scope.title = 'mma.notes.notes';
+                $scope.class = 'mma-notes-view-handler';
                 $scope.action = function($event, course) {
                     $event.preventDefault();
                     $event.stopPropagation();
diff --git a/www/addons/notifications/services/handlers.js b/www/addons/notifications/services/handlers.js
index d387fb3f8b8..7298d243985 100644
--- a/www/addons/notifications/services/handlers.js
+++ b/www/addons/notifications/services/handlers.js
@@ -66,6 +66,7 @@ angular.module('mm.addons.notifications')
                 $scope.icon = 'ion-ios-bell';
                 $scope.title = 'mma.notifications.notifications';
                 $scope.state = 'site.notifications';
+                $scope.class = 'mma-notifications-handler';
             };
         };
 
diff --git a/www/addons/participants/services/handlers.js b/www/addons/participants/services/handlers.js
index 19a2c786c68..564b955d9ab 100644
--- a/www/addons/participants/services/handlers.js
+++ b/www/addons/participants/services/handlers.js
@@ -69,6 +69,7 @@ angular.module('mm.addons.participants')
             return function($scope, $state) {
                 $scope.icon = 'ion-person-stalker';
                 $scope.title = 'mma.participants.participants';
+                $scope.class = 'mma-participants-handler';
                 $scope.action = function($event, course) {
                     $event.preventDefault();
                     $event.stopPropagation();
diff --git a/www/core/components/course/services/content_handler.js b/www/core/components/course/services/content_handler.js
index b747e4c3385..ac268d14270 100644
--- a/www/core/components/course/services/content_handler.js
+++ b/www/core/components/course/services/content_handler.js
@@ -27,6 +27,7 @@ angular.module('mm.core.course')
             return function($scope, $state) {
                 $scope.icon = $mmCourse.getModuleIconSrc(module.modname);
                 $scope.title = module.name;
+                $scope.class = 'mm-course-default-handler mm-course-module-' + module.modname + '-handler';
 
                 $scope.action = function(e) {
                     $state.go('site.mm_course-modcontent', {module: module});
diff --git a/www/core/components/course/services/courses_nav_handler.js b/www/core/components/course/services/courses_nav_handler.js
index fc195d7509d..29e2d5b8583 100644
--- a/www/core/components/course/services/courses_nav_handler.js
+++ b/www/core/components/course/services/courses_nav_handler.js
@@ -54,6 +54,7 @@ angular.module('mm.core.course')
             return function($scope, $state) {
                 $scope.icon = 'ion-briefcase';
                 $scope.title = 'mm.course.contents';
+                $scope.class = 'mm-course-handler';
 
                 $scope.action = function(e, course) {
                     $state.go('site.mm_course', {courseid: course.id});
diff --git a/www/core/components/course/templates/section.html b/www/core/components/course/templates/section.html
index 12c1c930480..d7a556b2d52 100644
--- a/www/core/components/course/templates/section.html
+++ b/www/core/components/course/templates/section.html
@@ -22,7 +22,7 @@ <h2><mm-format-text watch="true">{{ section.name }}</mm-format-text></h2>
                     <mm-format-text class="mm-content-with-float">{{ section.summary }}</mm-format-text>
                 </div>
 
-                <a class="item item-text-wrap" ng-repeat="module in section.modules" ng-click="action($event)" ng-class="{'item-button-right': buttons && buttons.length > 0, 'item-media': icon, 'item-completion': module.completionstatus}" ng-controller="module._controller" title="{{ title }}">
+                <a class="item item-text-wrap mm-course-module-handler {{class}}" ng-repeat="module in section.modules" ng-click="action($event)" ng-class="{'item-button-right': buttons && buttons.length > 0, 'item-media': icon, 'item-completion': module.completionstatus}" ng-controller="module._controller" title="{{ title }}">
 
                     <img ng-src="{{ icon }}" alt="" role="presentation" ng-if="icon">
                     <mm-format-text watch="true">{{ title }}</mm-format-text>
diff --git a/www/core/components/courses/templates/list.html b/www/core/components/courses/templates/list.html
index 8832530c2e3..abdbe99a339 100644
--- a/www/core/components/courses/templates/list.html
+++ b/www/core/components/courses/templates/list.html
@@ -25,7 +25,7 @@ <h2><mm-format-text watch="true">{{course.fullname}}</mm-format-text></h2>
                     </p>
                 </div>
                 <div class="item tabs tabs-icon-left" ng-show="course._handlers && course._handlers.length">
-                    <a ng-repeat="handler in course._handlers | orderBy:'-priority'" ng-controller="handler.controller" ng-click="action($event, course)" class="tab-item active" title="{{title | translate}}">
+                    <a ng-repeat="handler in course._handlers | orderBy:'-priority'" ng-controller="handler.controller" ng-click="action($event, course)" class="tab-item active mm-courses-handler {{class}}" title="{{title | translate}}">
                         <i class="icon {{icon}}"></i> {{title | translate}}
                     </a>
                 </div>
diff --git a/www/core/components/courses/templates/viewresult.html b/www/core/components/courses/templates/viewresult.html
index 4e3123a2f42..c0a6cc27d65 100644
--- a/www/core/components/courses/templates/viewresult.html
+++ b/www/core/components/courses/templates/viewresult.html
@@ -31,7 +31,7 @@ <h2><mm-format-text watch="true">{{course.fullname}}</mm-format-text></h2>
                     <p>{{ 'mm.courses.notenrollable' | translate }}</p>
                 </div>
                 <div class="item tabs tabs-icon-left" ng-show="course._handlers && course._handlers.length">
-                    <a ng-repeat="handler in course._handlers | orderBy:'-priority'" ng-controller="handler.controller" ng-click="action($event, course)" class="tab-item active" title="{{title | translate}}">
+                    <a ng-repeat="handler in course._handlers | orderBy:'-priority'" ng-controller="handler.controller" ng-click="action($event, course)" class="tab-item active mm-courses-handler {{class}}" title="{{title | translate}}">
                         <i class="icon {{icon}}"></i> {{title | translate}}
                     </a>
                 </div>
diff --git a/www/core/components/sidemenu/templates/menu.html b/www/core/components/sidemenu/templates/menu.html
index cca8aaafaa9..f5559d26f3b 100644
--- a/www/core/components/sidemenu/templates/menu.html
+++ b/www/core/components/sidemenu/templates/menu.html
@@ -28,7 +28,7 @@ <h2>{{siteinfo.fullname}}</h2>
         <ion-content class="has-side-menu-header mm-sidemenu-menu">
             <nav>
                 <ul class="list dark">
-                    <li>
+                    <li class="mm-mycourses-handler">
                         <a menu-close class="item item-icon-left" ui-sref="site.mm_courses" title="{{ 'mm.sidemenu.mycourses' | translate}}">
                             <i class="icon ion-ionic"></i>{{ 'mm.sidemenu.mycourses' | translate}}
                         </a>
@@ -36,7 +36,7 @@ <h2>{{siteinfo.fullname}}</h2>
                     <li class="item text-center" ng-if="(!handlers || !handlers.length) && !areNavHandlersLoaded()">
                         <ion-spinner></ion-spinner>
                     </li>
-                    <li ng-repeat="handler in handlers | orderBy:'-priority'" ng-controller="handler.controller" >
+                    <li ng-repeat="handler in handlers | orderBy:'-priority'" ng-controller="handler.controller" class="mm-sidemenu-handler {{class}}">
                         <a menu-close class="item item-icon-left" ui-sref="{{state}}" title="{{title | translate}}">
                             <i class="icon {{icon}}"></i> {{title | translate}}
                             <span ng-show="badge > 0" class="badge badge-positive">{{badge}}</span>
diff --git a/www/core/components/user/templates/profile.html b/www/core/components/user/templates/profile.html
index 86e0dfda5ed..26d5e9b9211 100644
--- a/www/core/components/user/templates/profile.html
+++ b/www/core/components/user/templates/profile.html
@@ -92,7 +92,7 @@ <h2>{{ 'mm.user.description' | translate}}</h2>
                 <div class="item text-center" ng-if="(!profileHandlers || !profileHandlers.length) && isLoadingHandlers">
                     <ion-spinner></ion-spinner>
                 </div>
-                <div ng-repeat="handler in profileHandlers | orderBy:'-priority'" ng-controller="handler.controller">
+                <div ng-repeat="handler in profileHandlers | orderBy:'-priority'" ng-controller="handler.controller" class="mm-user-profile-handler {{class}}">
                     <a class="button button-block" ng-click="action($event)" ng-hide="hidden" title="{{ title | translate }}">
                         {{ title | translate }} <ion-spinner class="icon" ng-if="spinner"></ion-spinner>
                     </a>