Put checkboxes to the left of their labels, to the right for .rtl

1 files changed, 11 insertions, 1 deletions

diff --git a/lib/gallery.common.css b/lib/gallery.common.css
index 545169f5..33ec3720 100644
--- a/lib/gallery.common.css
+++ b/lib/gallery.common.css
@@ -85,6 +85,11 @@ option:focus {
   color: #000;
 }
 
+input.checkbox {
+  float: left;
+  margin-right: .4em;
+}
+
 /* Form layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
 form li {
@@ -608,7 +613,8 @@ div#g-action-status {
 .rtl .g-breadcrumbs li,
 .rtl .g-pager li,
 .rtl .g-buttonset li,
-.rtl .ui-icon-left .ui-icon {
+.rtl .ui-icon-left .ui-icon,
+.rtl input.checkbox {
   float: right;
 }
 
@@ -641,3 +647,7 @@ div#g-action-status {
 .rtl .g-pager .g-txt-right {
   margin-left: 0;
 }
+
+.rtl input.checkbox {
+  margin-right: .4em;
+}