added tooltips; corrected center css

src/allplatforms/classes/EmbedElement.js

@@ -10,7 +10,7 @@ SC.loadPackage({ 'EmbedElement': {
                                         +'\t<pre><h1>&lt;/&gt;</h1>Replace this with HTML code.</pre>'
                                         +'</div>' },
         applicableWidgets:  { initValue: [ 'WidgetBackgroundColor', 'WidgetBorderColor', 'WidgetBorder', 'WidgetBorderRadius', 'WidgetPadding', 'WidgetOpacity' ] },
-        creationMenuItem:   { initValue: '<div class="sg-editing-creation-menu-container"><button id="sg-editing-creation-menu-embedElement" class="sg-editing-creation-menu-button" data-tooltip="Embed HTML Code"></button></div>' }
+        creationMenuItem:   { initValue: '<div class="sg-editing-creation-menu-container"><button id="sg-editing-creation-menu-embedElement" class="sg-editing-creation-menu-button" title="HTML source code"></button></div>' }
     },
     
     properties: {

src/allplatforms/classes/IFrameElement.js

@@ -10,7 +10,7 @@ SC.loadPackage({ 'IFrameElement': {
                                         +'\t<iframe src="http://localhost/" style="width: 100%; height: 100%;"></iframe>'
                                         +'</div>' },
         applicableWidgets:  { initValue: [ 'WidgetBackgroundColor', 'WidgetBorderColor', 'WidgetBorder', 'WidgetBorderRadius', 'WidgetPadding', 'WidgetOpacity', 'WidgetIFrame' ] },
-        creationMenuItem:   { initValue: '<div class="sg-editing-creation-menu-container"><button id="sg-editing-creation-menu-iframeElement" class="sg-editing-creation-menu-button" data-tooltip="Webpage"></button></div>' }
+        creationMenuItem:   { initValue: '<div class="sg-editing-creation-menu-container"><button id="sg-editing-creation-menu-iframeElement" class="sg-editing-creation-menu-button" title="other web page"></button></div>' }
     },
 
     properties: {

src/allplatforms/classes/ImageElement.js

@@ -10,7 +10,7 @@ SC.loadPackage({ 'ImageElement': {
                                         +'\t<img src="/resources/img/defaultImage.png" style="min-width: 100%; min-height: 100%;">'
                                         +'</div>' },
         applicableWidgets:  { initValue: [ 'WidgetBackgroundColor', 'WidgetBorderColor', 'WidgetBorder', 'WidgetBorderRadius', 'WidgetPadding', 'WidgetOpacity', 'WidgetImgLink', 'WidgetImgDimensions', 'WidgetImgSrc' ] },
-        creationMenuItem:   { initValue: '<div class="sg-editing-creation-menu-container"><button id="sg-editing-creation-menu-imageElement" class="sg-editing-creation-menu-button" data-tooltip="Image"></button></div>' }
+        creationMenuItem:   { initValue: '<div class="sg-editing-creation-menu-container"><button id="sg-editing-creation-menu-imageElement" class="sg-editing-creation-menu-button" title="image"></button></div>' }
     },
 
     properties: {

src/allplatforms/classes/MenuItemBackgroundColor.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'MenuItemBackgroundColor': {
 
     sharedProperties: {
 
-        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-backgroundColor" class="sg-editing-menu-button"></button></div>' }
+        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-backgroundColor" class="sg-editing-menu-button" title="background color"></button></div>' }
 
     },
 

src/allplatforms/classes/MenuItemBackgroundImg.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'MenuItemBackgroundImg': {
 
     sharedProperties: {
 
-        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-backgroundImg" class="sg-editing-menu-button"></button></div>' },
+        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-backgroundImg" class="sg-editing-menu-button" title="background image"></button></div>' },
 
         menuPanel:    { initValue:   '<div id="sg-editing-menu-backgroundImg-panel">'
                                             +'<div class="sg-editing-menu-panel">'

src/allplatforms/classes/MenuItemBackgroundRepeat.js

@@ -6,14 +6,14 @@ SC.loadPackage({ 'MenuItemBackgroundRepeat': {
 
     sharedProperties: {
 
-        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-backgroundRepeat" class="sg-editing-menu-button"></button></div>' },
+        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-backgroundRepeat" class="sg-editing-menu-button" title="repeat background image"></button></div>' },
 
         menuPanel: { initValue: '<div id="sg-editing-menu-backgroundRepeat-panel">'
                                         +'<div class="sg-editing-menu-panel">'
                                             +'<div class="sg-menu-triangle-right"></div>'
-                                            +'<button id="sg-editing-menu-backgroundRepeat-tile"        data-superglue-backgroundRepeat="tile" class="sg-editing-menu-button"></button>'
-                                            +'<button id="sg-editing-menu-backgroundRepeat-tileX"       data-superglue-backgroundRepeat="tileX" class="sg-editing-menu-button"></button>'
-                                            +'<button id="sg-editing-menu-backgroundRepeat-tileY"       data-superglue-backgroundRepeat="tileY" class="sg-editing-menu-button"></button>'
+                                            +'<button id="sg-editing-menu-backgroundRepeat-tile"  title="repeat"              data-superglue-backgroundRepeat="tile" class="sg-editing-menu-button"></button>'
+                                            +'<button id="sg-editing-menu-backgroundRepeat-tileX" title="repeat horizontally" data-superglue-backgroundRepeat="tileX" class="sg-editing-menu-button"></button>'
+                                            +'<button id="sg-editing-menu-backgroundRepeat-tileY" title="repeat vertically"   data-superglue-backgroundRepeat="tileY" class="sg-editing-menu-button"></button>'
                                         +'</div>'
                                     +'</div>' 
                      }

src/allplatforms/classes/MenuItemCenter.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'MenuItemCenter': {
 
     sharedProperties: {
 
-        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-center" class="sg-editing-menu-button"></button></div>' }
+        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-center" class="sg-editing-menu-button" title="centered/infinite layout"></button></div>' }
 
     },
 

src/allplatforms/classes/MenuItemFileManager.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'MenuItemFileManager': {
 
     sharedProperties: {
 
-        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-fileManager" class="sg-editing-menu-button"></button></div>' }
+        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-fileManager" class="sg-editing-menu-button" title="file manager [ctrl+o]"></button></div>' }
 
     },
 

src/allplatforms/classes/MenuItemNewPage.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'MenuItemNewPage': {
 
     sharedProperties: {
 
-        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-newPage" class="sg-editing-menu-button"></button></div>' }
+        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-newPage" class="sg-editing-menu-button" title="new page [ctrl+i]"></button></div>' }
 
     },
 

src/allplatforms/classes/MenuItemOutlines.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'MenuItemOutlines': {
 
     sharedProperties: {
 
-        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-outlines" class="sg-editing-menu-button"></button></div>' }
+        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-outlines" class="sg-editing-menu-button" title="x-ray view [spacebar]"></button></div>' }
 
     },
 

src/allplatforms/classes/MenuItemPageTitle.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'MenuItemPageTitle': {
 
     sharedProperties: {
 
-        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-pageTitle" class="sg-editing-menu-button"></button></div>' },
+        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-pageTitle" class="sg-editing-menu-button" title="page title"></button></div>' },
 
         menuPanel:    { initValue:   '<div id="sg-editing-menu-pageTitle-panel">'
                                             +'<div class="sg-editing-menu-panel">'

src/allplatforms/classes/MenuItemPaste.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'MenuItemPaste': {
 
     sharedProperties: {
 
-        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-paste" class="sg-editing-menu-button"></button></div>' }
+        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-paste" class="sg-editing-menu-button" title="paste from clipboard [ctrl+v]"></button></div>' }
 
     },
 

src/allplatforms/classes/MenuItemRedo.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'MenuItemRedo': {
 
     sharedProperties: {
 
-        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-redo" class="sg-editing-menu-button"></button></div>' }
+        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-redo" class="sg-editing-menu-button" title="redo [ctrl+y]"></button></div>' }
 
     },
 

src/allplatforms/classes/MenuItemSave.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'MenuItemSave': {
 
     sharedProperties: {
 
-        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-save" class="sg-editing-menu-button"></button></div>' }
+        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-save" class="sg-editing-menu-button" title="save page [ctrl+s]"></button></div>' }
 
     },
 

src/allplatforms/classes/MenuItemSaveAs.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'MenuItemSaveAs': {
 
     sharedProperties: {
 
-        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-saveAs" class="sg-editing-menu-button"></button></div>' }
+        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-saveAs" class="sg-editing-menu-button" title="save page as..."></button></div>' }
 
     },
 

src/allplatforms/classes/MenuItemSaveRemote.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'MenuItemSaveRemote': {
 
     sharedProperties: {
 
-        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-saveRemote" class="sg-editing-menu-button"></button></div>' },
+        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-saveRemote" class="sg-editing-menu-button" title="save to other server"></button></div>' },
 
         menuPanel:    { initValue:   '<div id="sg-editing-menu-saveRemote-panel">'
                                             +'<div class="sg-editing-menu-panel">'

src/allplatforms/classes/MenuItemServerSettings.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'MenuItemServerSettings': {
 
     sharedProperties: {
 
-        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-serverSettings" class="sg-editing-menu-button"></button></div>' }
+        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-serverSettings" class="sg-editing-menu-button" title="server settings"></button></div>' }
 
     },
 

src/allplatforms/classes/MenuItemUndo.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'MenuItemUndo': {
 
     sharedProperties: {
 
-        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-undo" class="sg-editing-menu-button"></button></div>' }
+        menuContainer:  { initValue: '<div class="sg-editing-menu-container"><button id="sg-editing-menu-undo" class="sg-editing-menu-button" title="undo [ctrl+z]"></button></div>' }
 
     },
 

src/allplatforms/classes/TextElement.js

@@ -10,7 +10,7 @@ SC.loadPackage({ 'TextElement': {
                                         +'\t<p>Text</p>'
                                         +'</div>' },
         applicableWidgets:  { initValue: [ 'WidgetBackgroundColor', 'WidgetBorderColor', 'WidgetBorder', 'WidgetBorderRadius', 'WidgetPadding', 'WidgetOpacity' ] },
-        creationMenuItem:   { initValue: '<div class="sg-editing-creation-menu-container"><button id="sg-editing-creation-menu-textElement" class="sg-editing-creation-menu-button" data-tooltip="Text"></button></div>' }
+        creationMenuItem:   { initValue: '<div class="sg-editing-creation-menu-container"><button id="sg-editing-creation-menu-textElement" class="sg-editing-creation-menu-button" title="text"></button></div>' }
     },
 
     properties: {

src/allplatforms/classes/WidgetBackgroundColor.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'WidgetBackgroundColor': {
 
     sharedProperties: {
 
-        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-backgroundColor" class="sg-editing-widget-button"></button></div>' }
+        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-backgroundColor" class="sg-editing-widget-button" title="background color"></button></div>' }
 
     },
 

src/allplatforms/classes/WidgetBorder.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'WidgetBorder': {
 
     sharedProperties: {
 
-        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-border" class="sg-editing-widget-button"></button></div>' }
+        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-border" class="sg-editing-widget-button" title="border width"></button></div>' }
 
     },
 

src/allplatforms/classes/WidgetBorderColor.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'WidgetBorderColor': {
 
     sharedProperties: {
 
-        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-borderColor" class="sg-editing-widget-button"></button></div>' }
+        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-borderColor" class="sg-editing-widget-button" title="border color"></button></div>' }
 
     },
 

src/allplatforms/classes/WidgetBorderRadius.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'WidgetBorderRadius': {
 
     sharedProperties: {
 
-        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-borderRadius" class="sg-editing-widget-button"></button></div>' }
+        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-borderRadius" class="sg-editing-widget-button" title="rounded borders"></button></div>' }
 
     },
 

src/allplatforms/classes/WidgetCopy.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'WidgetCopy': {
 
     sharedProperties: {
 
-        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-copy" class="sg-editing-widget-button"></button></div>' }
+        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-copy" class="sg-editing-widget-button" title="copy to clipboard [ctrl+c]"></button></div>' }
 
     },
 

src/allplatforms/classes/WidgetDelete.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'WidgetDelete': {
 
     sharedProperties: {
 
-        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-delete" class="sg-editing-widget-button"></button></div>' }
+        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-delete" class="sg-editing-widget-button" title="[del]ete"></button></div>' }
 
     },
 

src/allplatforms/classes/WidgetEditHTML.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'WidgetEditHTML': {
 
     sharedProperties: {
 
-        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-editHTML" class="sg-editing-widget-button"></button></div>' }
+        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-editHTML" class="sg-editing-widget-button" title="HTML source code"></button></div>' }
 
     },
 

src/allplatforms/classes/WidgetIFrame.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'WidgetIFrame': {
 
     sharedProperties: {
 
-        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-iframe" class="sg-editing-widget-button"></button></div>' },
+        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-iframe" class="sg-editing-widget-button" title="URL"></button></div>' },
 
         widgetPanel: { initValue:   '<div id="sg-editing-widget-iframe-panel">'
                                         +'<div class="sg-editing-widget-panel">'

src/allplatforms/classes/WidgetImgDimensions.js

@@ -6,17 +6,17 @@ SC.loadPackage({ 'WidgetImgDimensions': {
 
     sharedProperties: {
 
-        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-imgDimensions" class="sg-editing-widget-button"></button></div>' },
+        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-imgDimensions" class="sg-editing-widget-button" title="dimensions"></button></div>' },
 
         widgetPanel: { initValue: '<div id="sg-editing-widget-imgDimensions-panel">'
                                         +'<div class="sg-editing-widget-panel">'
                                             +'<div class="sg-widget-triangle-up"></div>'
-                                            +'<button id="sg-editing-widget-imgDimensions-stretchAspectRatio" data-superglue-imgDimensions="stretchAspectRatio" class="sg-editing-widget-button"></button>'
-                                            +'<button id="sg-editing-widget-imgDimensions-stretch"            data-superglue-imgDimensions="stretch" class="sg-editing-widget-button"></button>'
-                                            +'<button id="sg-editing-widget-imgDimensions-tile"               data-superglue-imgDimensions="tile" class="sg-editing-widget-button"></button>'
-                                            +'<button id="sg-editing-widget-imgDimensions-tileX"              data-superglue-imgDimensions="tileX" class="sg-editing-widget-button"></button>'
-                                            +'<button id="sg-editing-widget-imgDimensions-tileY"              data-superglue-imgDimensions="tileY" class="sg-editing-widget-button"></button>'
-                                            +'<button id="sg-editing-widget-imgDimensions-aspectRatio"        data-superglue-imgDimensions="aspectRatio" class="sg-editing-widget-button"></button>'
+                                            +'<button id="sg-editing-widget-imgDimensions-stretchAspectRatio" title="stretch + keep aspect ratio" data-superglue-imgDimensions="stretchAspectRatio" class="sg-editing-widget-button"></button>'
+                                            +'<button id="sg-editing-widget-imgDimensions-stretch"            title="stretch"                     data-superglue-imgDimensions="stretch" class="sg-editing-widget-button"></button>'
+                                            +'<button id="sg-editing-widget-imgDimensions-tile"               title="repeat"                      data-superglue-imgDimensions="tile" class="sg-editing-widget-button"></button>'
+                                            +'<button id="sg-editing-widget-imgDimensions-tileX"              title="repeat horizontally"         data-superglue-imgDimensions="tileX" class="sg-editing-widget-button"></button>'
+                                            +'<button id="sg-editing-widget-imgDimensions-tileY"              title="repeat vertically"           data-superglue-imgDimensions="tileY" class="sg-editing-widget-button"></button>'
+                                            +'<button id="sg-editing-widget-imgDimensions-aspectRatio"        title="original size"               data-superglue-imgDimensions="aspectRatio" class="sg-editing-widget-button"></button>'
                                         +'</div>'
                                     +'</div>' 
                      }

src/allplatforms/classes/WidgetImgLink.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'WidgetImgLink': {
 
     sharedProperties: {
 
-        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-imgLink" class="sg-editing-widget-button"></button></div>' },
+        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-imgLink" class="sg-editing-widget-button" title="link"></button></div>' },
 
         widgetPanel: { initValue:   '<div id="sg-editing-widget-imgLink-panel">'
                                         +'<div class="sg-editing-widget-panel">'

src/allplatforms/classes/WidgetImgSrc.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'WidgetImgSrc': {
 
     sharedProperties: {
 
-        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-imgSrc" class="sg-editing-widget-button"></button></div>' },
+        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-imgSrc" class="sg-editing-widget-button" title="image file"></button></div>' },
 
         widgetPanel: { initValue:   '<div id="sg-editing-widget-imgSrc-panel">'
                                         +'<div class="sg-editing-widget-panel">'

src/allplatforms/classes/WidgetLayerBottom.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'WidgetLayerBottom': {
 
     sharedProperties: {
 
-        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-layerBottom" class="sg-editing-widget-button"></button></div>' }
+        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-layerBottom" class="sg-editing-widget-button" title="to bottom / [shift] downwards"></button></div>' }
 
     },
 

src/allplatforms/classes/WidgetLayerTop.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'WidgetLayerTop': {
 
     sharedProperties: {
 
-        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-layerTop" class="sg-editing-widget-button"></button></div>' }
+        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-layerTop" class="sg-editing-widget-button" title="to top / [shift] upwards"></button></div>' }
 
     },
 

src/allplatforms/classes/WidgetLock.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'WidgetLock': {
 
     sharedProperties: {
 
-        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-lock" class="sg-editing-widget-button"></button></div>' }
+        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-lock" class="sg-editing-widget-button" title="group/ungroup"></button></div>' }
 
     },
 

src/allplatforms/classes/WidgetOpacity.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'WidgetOpacity': {
 
     sharedProperties: {
 
-        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-opacity" class="sg-editing-widget-button"></button></div>' }
+        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-opacity" class="sg-editing-widget-button" title="transparency"></button></div>' }
 
     },
 

src/allplatforms/classes/WidgetPadding.js

@@ -6,7 +6,7 @@ SC.loadPackage({ 'WidgetPadding': {
 
     sharedProperties: {
 
-        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-padding" class="sg-editing-widget-button"></button></div>' }
+        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-padding" class="sg-editing-widget-button" title="spacing"></button></div>' }
 
     },
 

src/allplatforms/css/MenuItemCenter.css

@@ -1,7 +1,7 @@
 #sg-editing-menu-center {
-	background-image: url("icons/pageCentered.svg");
+	background-image: url("icons/pageInfinite.svg");
 }
 
 #sg-editing-menu-center.infinite {
-	background-image: url("icons/pageInfinite.svg");
+	background-image: url("icons/pageCentered.svg");
 }