add directives to left and right side content in editor footer

src/Umbraco.Web.UI.Client/src/common/directives/components/editor/umbeditorfootercontentleft.directive.js

@@ -0,0 +1,18 @@
+(function() {
+   'use strict';
+
+   function EditorFooterContentLeftDirective() {
+
+      var directive = {
+         transclude: true,
+         restrict: 'E',
+         replace: true,
+         templateUrl: 'views/components/editor/umb-editor-footer-content-left.html'
+      };
+
+      return directive;
+   }
+
+   angular.module('umbraco.directives').directive('umbEditorFooterContentLeft', EditorFooterContentLeftDirective);
+
+})();

src/Umbraco.Web.UI.Client/src/common/directives/components/editor/umbeditorfootercontentright.directive.js

@@ -0,0 +1,18 @@
+(function() {
+   'use strict';
+
+   function EditorFooterContentRightDirective() {
+
+      var directive = {
+         transclude: true,
+         restrict: 'E',
+         replace: true,
+         templateUrl: 'views/components/editor/umb-editor-footer-content-right.html'
+      };
+
+      return directive;
+   }
+
+   angular.module('umbraco.directives').directive('umbEditorFooterContentRight', EditorFooterContentRightDirective);
+
+})();

src/Umbraco.Web.UI.Client/src/less/panel.less

@@ -453,5 +453,13 @@ input.umb-panel-header-description {
 .umb-editor-drawer-content {
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  //justify-content: space-between;
+}
+
+.umb-editor-drawer-content__right-side {
+	margin-left: auto;
+}
+
+.umb-editor-drawer-content__left-side {
+	margin-right: auto;
 }

src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-footer-content-left.html

@@ -0,0 +1 @@
+<div class="umb-editor-drawer-content__left-side" ng-transclude></div>

src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-footer-content-right.html

@@ -0,0 +1 @@
+<div class="umb-editor-drawer-content__right-side" ng-transclude></div>