Fix styling of select list (width, RTL, misc)

Hi matsbla,
I am attaching a new patch to fix flag icon position and long country names. Please review it.
Thanks,
Himanshu

+++ b/css/seven/selectmenu.css
@@ -51,9 +51,11 @@
+  font-size: 0.875rem;  /* 5 */

This looks very strange. Everywhere we are using 'px'. We should follow single measure unit for now.

Also please add an interdiff, because it's very difficult to do a review.

Hi matsbla,
I am attaching a updated version of patch and also rtl issue fixed Please review it.
Thanks,
Himanshu

Updated patch with JS to recalculate country drop down for RTL-languages

Dropdown box margin removed for rtl, attached updated patch.

Looks good for me. Tested on mobile and also with left aligned languages.
Thanks. Lets wait for matsbla response.

Oh, by the way, @developmenticon, replace tabs with whitespaces.

+++ b/js/ui.selecticons.js
@@ -63,6 +63,15 @@
+	    $('.selecticons').selecticons({
+		  position: {
+		    my: "right top",
+		    at: "right bottom",
+		    collision: "none"
+		  }
+		});

Yea, it is. @matsbla so are we ready to commit this changes?

+++ b/css/seven/selectmenu.css
@@ -68,6 +69,32 @@
+/* Style flag position */
+.ui-widget.ui-selectmenu-button .ui-current-item-icon {
+  margin: -1px 0 0 0;
+  float: none;
+  vertical-align: middle;
+}
+.ui-selectmenu-menu .ui-menu-item {
+  overflow: hidden;
+  white-space: nowrap;
+  position: relative;
+  padding-left: 25px;
+}
+.ui-selectmenu-menu .ui-menu-item span.flag {
+  position: absolute;
+  left: 5px;
+  top: 6px;
+}
+[dir="rtl"] .ui-selectmenu-menu .ui-menu-item {
+  padding-right: 25px;
+  padding-left: 5px;
+}
+[dir="rtl"] .ui-selectmenu-menu .ui-menu-item span.flag {
+  left: auto;
+  right: 5px;
+}
+

Should be part of flags module, not of this one.

+++ b/js/ui.selecticons.js
@@ -63,6 +63,15 @@
+      if( $('.selecticons').css( "direction" ) == "rtl" ) {
+         $('.selecticons').selecticons({
+            position: {
+             my: "right top",
+            at: "right bottom",
+            collision: "none"
+          }
+      });
+   }

Various indent. Please, fix this.

Fixed indent, replaced tabs with spaces, removed .flag from css classes.