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 5762d725178f6633a42127fdb57224d179fddbcd..8abda38105507280fddf451fa6c4d47bf1674537 100644 (file)
--- 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 eb72ff9d18efc13d179b5d7108d2769f47cf23d3..dc97faf3e45a5d54d0478d9a35d7911254226041 100644 (file)
--- 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 8dd38834bf35ca36b493ee35573f64ec9e052340..4b857e0ec33c93ad76078bd06caabfca5535b514 100644 (file)
--- 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 {