From bc86a9501dad5a8af060c54b0003aa719ebbc116 Mon Sep 17 00:00:00 2001
From: lynamemi <lynam.emily@gmail.com>
Date: Mon, 26 Mar 2018 13:59:36 -0700
Subject: [PATCH 1/3] Reordered button elements for single line messagebars

---
 .../src/components/MessageBar/MessageBar.tsx                    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.tsx b/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.tsx
index ef3ae6c8815677..17fcdbed433ac8 100644
--- a/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.tsx
+++ b/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.tsx
@@ -169,9 +169,9 @@ export class MessageBar extends BaseComponent<IMessageBarProps, IMessageBarState
           { this._getIconSpan() }
           { this._renderInnerText() }
           { this._getExpandSingleLine() }
+          { this._getActionsDiv() }
           { this._getDismissSingleLine() }
         </div>
-        { this._getActionsDiv() }
       </div >
     );
   }

From b105ce1a529c2ad59d6a15efec86f0a16425ea6a Mon Sep 17 00:00:00 2001
From: lynamemi <lynam.emily@gmail.com>
Date: Mon, 26 Mar 2018 14:17:22 -0700
Subject: [PATCH 2/3] New example for single line with dismiss and action
 buttons

---
 .../examples/MessageBar.Basic.Example.tsx         | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/packages/office-ui-fabric-react/src/components/MessageBar/examples/MessageBar.Basic.Example.tsx b/packages/office-ui-fabric-react/src/components/MessageBar/examples/MessageBar.Basic.Example.tsx
index e484f8ac25c881..635a65ff412c4b 100644
--- a/packages/office-ui-fabric-react/src/components/MessageBar/examples/MessageBar.Basic.Example.tsx
+++ b/packages/office-ui-fabric-react/src/components/MessageBar/examples/MessageBar.Basic.Example.tsx
@@ -65,6 +65,21 @@ export const MessageBarBasicExample = () => (
       Success lorem ipsum dolor sit amet. <Link href='www.bing.com'>Visit our website.</Link>
     </MessageBar>
 
+    <Label>Warning MessageBar - single line, with dismiss and action buttons</Label>
+    <MessageBar
+      messageBarType={ MessageBarType.warning }
+      isMultiline={ false }
+      onDismiss={ log('test') }
+      dismissButtonAriaLabel='Close'
+      actions={
+        <div>
+          <MessageBarButton>Action</MessageBarButton>
+        </div>
+      }
+    >
+      Warning lorem ipsum dolor sit amet, a elit sem interdum consectetur adipiscing elit. <Link href='www.bing.com'>Visit our website.</Link>
+    </MessageBar>
+
     <Label>Warning MessageBar - defaults to multiline, with dismiss and action buttons</Label>
     <MessageBar
       onDismiss={ log('test') }

From 146f012b89b1247e6b1f28e557787ad9d5ad6b42 Mon Sep 17 00:00:00 2001
From: lynamemi <lynam.emily@gmail.com>
Date: Mon, 26 Mar 2018 14:19:20 -0700
Subject: [PATCH 3/3] Added change file

---
 .../messagebar-button-order_2018-03-26-21-19.json     | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 common/changes/office-ui-fabric-react/messagebar-button-order_2018-03-26-21-19.json

diff --git a/common/changes/office-ui-fabric-react/messagebar-button-order_2018-03-26-21-19.json b/common/changes/office-ui-fabric-react/messagebar-button-order_2018-03-26-21-19.json
new file mode 100644
index 00000000000000..dfb6af73f96a53
--- /dev/null
+++ b/common/changes/office-ui-fabric-react/messagebar-button-order_2018-03-26-21-19.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "office-ui-fabric-react",
+      "comment": "MessageBar: For single line, put dismiss button after action buttons.",
+      "type": "patch"
+    }
+  ],
+  "packageName": "office-ui-fabric-react",
+  "email": "lynam.emily@gmail.com"
+}
\ No newline at end of file