Latest amends from RTL work

Author: philwareham

dist/textpattern/jquery-ui.css

@@ -660,10 +660,18 @@ input.ui-button.ui-button-icon-only {
   border-radius: 0 0.5em 0.5em 0;
 }
 
+[dir="rtl"] .ui-button.ui-corner-right {
+  border-radius: 0.5em 0 0 0.5em;
+}
+
 .ui-button.ui-corner-left {
   border-radius: 0.5em 0 0 0.5em;
 }
 
+[dir="rtl"] .ui-button.ui-corner-left {
+  border-radius: 0 0.5em 0.5em 0;
+}
+
 /**
  * Button icon element(s).
  */
@@ -794,14 +802,15 @@ label.ui-state-active.ui-button:active {
  * </fieldset>
  */
 .ui-controlgroup {
-  display: inline-block;
-  vertical-align: top;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-flow: row wrap;
+      flex-flow: row wrap;
 }
 
 .ui-controlgroup .ui-controlgroup-item {
   margin-right: 0;
   margin-left: 0;
-  float: left;
 }
 
 .ui-controlgroup .ui-controlgroup-item:focus, .ui-controlgroup .ui-controlgroup-item.ui-visual-focus {
@@ -829,16 +838,24 @@ label.ui-state-active.ui-button:active {
   border-right: 0;
 }
 
+.ui-controlgroup-vertical {
+  -ms-flex-flow: column;
+      flex-flow: column;
+}
+
 .ui-controlgroup-vertical .ui-controlgroup-item {
   display: block;
   width: 100%;
   margin-top: 0;
   margin-bottom: 0;
-  float: none;
   text-align: left;
   box-sizing: border-box;
 }
 
+[dir="rtl"] .ui-controlgroup-vertical .ui-controlgroup-item {
+  text-align: right;
+}
+
 .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
   border-top: 0;
 }
@@ -1119,11 +1136,19 @@ label.ui-state-active.ui-button:active {
   left: auto;
 }
 
+[dir="rtl"] .ui-datepicker-prev span {
+  background-position: -48px -192px;
+}
+
 [dir="rtl"] .ui-datepicker-next {
   right: auto;
   left: 0.2em;
 }
 
+[dir="rtl"] .ui-datepicker-next span {
+  background-position: -80px -192px;
+}
+
 [dir="rtl"] .ui-datepicker-buttonpane {
   clear: right;
 }

dist/textpattern/jquery-ui.min.css

@@ -128,10 +128,18 @@ input.ui-button.ui-button-icon-only {
 
     .ui-button.ui-corner-right {
         border-radius: 0 $border-radius $border-radius 0;
+
+        [dir="rtl"] & {
+            border-radius: $border-radius 0 0 $border-radius;
+        }
     }
 
     .ui-button.ui-corner-left {
         border-radius: $border-radius 0 0 $border-radius;
+
+        [dir="rtl"] & {
+            border-radius: 0 $border-radius $border-radius 0;
+        }
     }
 
 }

src/sass/modules/_button.scss

@@ -23,13 +23,12 @@
  */
 
 .ui-controlgroup {
-    display: inline-block;
-    vertical-align: top;
+    display: inline-flex;
+    flex-flow: row wrap;
 
     .ui-controlgroup-item {
         margin-right: 0;
         margin-left: 0;
-        float: left;
 
         &:focus,
         &.ui-visual-focus {
@@ -64,14 +63,19 @@
 }
 
 .ui-controlgroup-vertical {
+    flex-flow: column;
+
     .ui-controlgroup-item {
         display: block;
         width: 100%;
         margin-top: 0;
         margin-bottom: 0;
-        float: none;
         text-align: left;
         box-sizing: border-box;
+
+        [dir="rtl"] & {
+            text-align: right;
+        }
     }
 
     .ui-controlgroup-label {

src/sass/modules/_controlgroup.scss

@@ -268,11 +268,19 @@
     .ui-datepicker-prev {
         right: 0.2em;
         left: auto;
+
+        span {
+            background-position: -48px -192px;
+        }
     }
 
     .ui-datepicker-next {
         right: auto;
         left: 0.2em;
+
+        span {
+            background-position: -80px -192px;
+        }
     }
 
     .ui-datepicker-buttonpane {