Reverse button order when OS is not Windows

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();

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) {
+.non-windows #message-box-buttons {
-  margin-right: 1em;
+  text-align: right;
+  direction: rtl;
+}
+
+#message-box-buttons button {
+  margin: 0 .375rem;
 }
 
 @keyframes fadein {

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 {

popup.html

@@ -54,8 +54,8 @@
             <b>Style's Name</b>
             <span i18n-text="deleteStyleConfirm"></span>
             <div>
-                <button i18n-text="confirmCancel" data-cmd="cancel"></button>
                 <button i18n-text="confirmDelete" data-cmd="ok"></button>
+                <button i18n-text="confirmCancel" data-cmd="cancel"></button>
             </div>
         </div>
     </div>