diff --git a/dom.js b/dom.js index 403d1449..540ebffb 100644 --- a/dom.js +++ b/dom.js @@ -1,5 +1,10 @@ 'use strict'; +if (!/Windows/i.test(navigator.userAgent)) { + document.documentElement.classList.add('non-windows'); +} + + function onDOMready() { if (document.readyState != 'loading') { return Promise.resolve(); diff --git a/msgbox/msgbox.css b/msgbox/msgbox.css index 79357fab..5e996004 100644 --- a/msgbox/msgbox.css +++ b/msgbox/msgbox.css @@ -95,13 +95,18 @@ } #message-box-buttons { - padding: .75rem; + padding: .75rem .375rem; background-color: #f0f0f0; text-align: center; } -#message-box-buttons button:not(:last-child) { - margin-right: 1em; +.non-windows #message-box-buttons { + text-align: right; + direction: rtl; +} + +#message-box-buttons button { + margin: 0 .375rem; } @keyframes fadein { diff --git a/popup.css b/popup.css index b667f95c..bcd7c7d6 100644 --- a/popup.css +++ b/popup.css @@ -265,7 +265,11 @@ body>div:not(#installed) { } #confirm>div>div { padding: 10px; + text-align: center; +} +.non-windows #confirm>div>div { direction: rtl; + text-align: right; } @keyframes lights-off { from { diff --git a/popup.html b/popup.html index 5ced4326..5fb3f9b6 100644 --- a/popup.html +++ b/popup.html @@ -54,8 +54,8 @@ Style's Name
- +