From 2a066c7c68bebfa533de2dd15d108dc124662f73 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Mon, 13 Mar 2017 14:45:59 +0900 Subject: [PATCH] Replace float:right with flex model on alert dialogs Follow-up of #7107 (https://github.com/brave/browser-laptop/pull/7107#issuecomment-277942100) Closes #7673 Auditors: Test Plan: 1. Visit http://jsbin.com/fiyojusahu/edit?html,output 2. In the `output` area, click the `Click me to test an alert` button 3. Make sure the buttons are aligned to the right 4. Visit http://jsbin.com/sadunogefu/edit?html,output 5. In the `output` area, click the `Click me to test a confirm` button 6. Make sure the buttons are aligned to the right --- app/renderer/components/messageBox.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/app/renderer/components/messageBox.js b/app/renderer/components/messageBox.js index 01a33ae85a..cf488a2507 100644 --- a/app/renderer/components/messageBox.js +++ b/app/renderer/components/messageBox.js @@ -154,7 +154,8 @@ const styles = StyleSheet.create({ '-webkit-user-select': 'text' }, buttons: { - float: 'right', + display: 'flex', + justifyContent: 'flex-end', marginTop: '1.5em', marginBottom: '0.5em' }