Make class names more consistent & switch to JS targeting through id

services/web/app/views/project/editor/editor.pug

@@ -95,7 +95,7 @@ div.full-size(
 )
 	include ./pdf
 
-.onboarding__autocompile.popover(
+#onboarding-autocompile.onboarding-autocompile.popover(
 	ng-controller="AutoCompileOnboardingController"
 	ng-if="onboarding.autoCompile == 'show'"
 	ng-class="placement"

services/web/public/coffee/ide/AutoCompileOnboardingController.coffee

@@ -3,7 +3,7 @@ define [
 ], (App) ->
 	App.controller "AutoCompileOnboardingController", ($scope, event_tracking) ->
 		recompileBtn = angular.element('#recompile')
-		popover = angular.element('.onboarding__autocompile')
+		popover = angular.element('#onboarding-autocompile')
 		{ top, left } = recompileBtn.offset()
 
 		# If pdf panel smaller than recompile button + popover, show to left.

services/web/public/stylesheets/app/editor/feature-onboarding.less

@@ -100,7 +100,7 @@ a.feat-onboard-dismiss {
 	}
 }
 
-.onboarding__autocompile {
+.onboarding-autocompile {
 	display: block;
 	top: 10px;