Moved the button, updated text

css/app.css

@@ -63,13 +63,20 @@ body {
     position: absolute;
     height: 40px;
     width: 40px;
-    right: 10px;
+    right: 50px;
     top: 10px;
     border-radius: 4px;
     margin-right: 10px;
     background: black;
 }
 
+.full-screen {
+    position: absolute;
+    width: 40px;
+    right: 10px;
+    top: 10px;
+}
+
 div, textarea, label, input, form, span, ul, li, ol, a, button, h1, h2, h3, h4, h5, p, img {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;

dist/locales/en.json

@@ -431,8 +431,8 @@
         }
     },
     "full_screen": {
-        "title": "Full Screen",
-        "tooltip": "Go to Full Screen mode"
+        "title": "FS",
+        "tooltip": "Toggle Full Screen mode"
     },
     "merge_remote_changes": {
         "conflict": {

js/id/ui.js

@@ -60,14 +60,14 @@ iD.ui = function(context) {
             .attr('class', 'button-wrap col1')
             .call(iD.ui.Save(context));
 
-        limiter.append('div')
-          .attr('class', 'button-wrap col1')
-          .call(iD.ui.FullScreen(context));
-
         bar.append('div')
             .attr('class', 'spinner')
             .call(iD.ui.Spinner(context));
 
+        bar.append('div')
+            .attr('class', 'full-screen')
+            .call(iD.ui.FullScreen(context));
+
         var controls = bar.append('div')
             .attr('class', 'map-controls');
 

js/id/ui/full_screen.js

@@ -48,7 +48,7 @@ iD.ui.FullScreen = function(context) {
             return;
 
         var tooltip = bootstrap.tooltip()
-            .placement('bottom')
+            .placement('left')
             .html(true)
             .title(iD.ui.tooltipHtml(t('full_screen.tooltip')));