From: Tom Hughes <tom@compton.nu>
Date: Fri, 26 Oct 2012 20:51:26 +0000 (+0100)
Subject: Fix RTL issues with the search and donate icons
X-Git-Tag: live~5381
X-Git-Url: https://git.openstreetmap.org/rails.git/commitdiff_plain/577b5d5bb8d628c3c5444b7d7e47dceb7acecb4e?ds=inline

Fix RTL issues with the search and donate icons
---

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index 5762d7251..8abda3810 100644
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -231,7 +231,6 @@ h2 {
 
 #search_field input[type="text"] {
   width: 165px;
-  padding: 2px 0 2px 5px;
   font-size: 14px;
   line-height: 15px;
   height: 25px;
@@ -250,21 +249,20 @@ h2 {
 #search_field input[type="submit"] {
   width: 15px;
   height: 15px;
-  border:0;
-  text-indent:-1000px;
+  border: 0px;
+  text-indent: -1000px;
   overflow: hidden;
   text-transform: capitalize;
   padding-left: 0px;
   padding-right: 0px;
   background: url(sprite.png);
-  position:absolute;
-  right:4px;
-  top:5px;
-  cursor:pointer;
+  position: absolute;
+  top: 5px;
+  cursor: pointer;
 }
 
 .search_help {
-  margin:5px 0 0 0;
+  margin: 5px 0 0 0;
 }
 
 .deemphasize {
@@ -311,7 +309,6 @@ h2 {
   padding-right: 0px;
   background: url(sprite.png) 0 -30px no-repeat;
   position: absolute;
-  left: 17px;
   top: 8px;
 }
 
diff --git a/app/assets/stylesheets/ltr.css.scss b/app/assets/stylesheets/ltr.css.scss
index eb72ff9d1..dc97faf3e 100644
--- a/app/assets/stylesheets/ltr.css.scss
+++ b/app/assets/stylesheets/ltr.css.scss
@@ -31,7 +31,7 @@ html body {
 
 /*
  * Rules for "optional boxes" which appear in the left sidebar on
- * certain pages. Current users are the seach box on the main page
+ * certain pages. Current users are the search box on the main page
  * and the tag cloud on the traces pages.
  */
 
@@ -40,6 +40,22 @@ html body {
   text-align: left;
 }
 
+/* Rules for the search box */
+
+#search_field input[type="text"] {
+  padding: 2px 0px 2px 5px;
+}
+
+#search_field input[type="submit"] {
+  right: 4px;
+}
+
+/* Rules for donation request box */
+
+.donate .donate-icon {
+  left: 17px;
+}
+
 /* Rules for tabbed navigation bar */
 
 #top-bar {
diff --git a/app/assets/stylesheets/rtl.css.scss b/app/assets/stylesheets/rtl.css.scss
index 8dd38834b..4b857e0ec 100644
--- a/app/assets/stylesheets/rtl.css.scss
+++ b/app/assets/stylesheets/rtl.css.scss
@@ -40,6 +40,22 @@ html body {
   text-align: right;
 }
 
+/* Rules for the search box */
+
+#search_field input[type="text"] {
+  padding: 2px 5px 2px 0px;
+}
+
+#search_field input[type="submit"] {
+  left: 4px;
+}
+
+/* Rules for donation request box */
+
+.donate .donate-icon {
+  right: 17px;
+}
+
 /* Rules for tabbed navigation bar */
 
 #top-bar {