Fix position of menu

Signed-off-by: Roeland Jago Douma <roeland@famdouma.nl>

settings/js/federationscopemenu.js

@@ -113,10 +113,24 @@
 		show: function(context) {
 			this._context = context;
 
+			var $el = $(context.target);
+			var offsetIcon = $el.offset();
+			var offsetHeading = $el.closest('h2').offset();
+
 			this.render();
 			this.$el.removeClass('hidden');
 
 			OC.showMenu(null, this.$el);
+
+			//Set the menuwidth
+			var menuWidth = this.$el.width();
+			this.$el.css('width', menuWidth);
+
+			//Calculate menu position
+			var l = offsetIcon.left - offsetHeading.left;
+			l = l - (menuWidth / 2) + ($el.width()/2);
+			this.$el.css('left', l);
+
 		}
 	});
 

settings/js/federationsettingsview.js

@@ -72,12 +72,6 @@
 				$heading.append(scopeMenu.$el);
 				$icon.on('click', _.bind(scopeMenu.show, scopeMenu));
 
-				// Fix absolute position according to the heading text length
-				// TODO: find alternative to those magic number
-				var diff = field === 'avatar' ? 104 : 68;
-				var pos = ($heading.width() - $heading.find('label').width()) - diff;
-				scopeMenu.$el.css('right', pos);
-
 				// Restore initial state
 				self._setFieldScopeIcon(field, self._config.get(field + 'Scope'));
 			});