From 6e35102b3a3188b6b0b197d26713fb06c2e30269 Mon Sep 17 00:00:00 2001
From: Miguel Medeiros <miguel@miguelmedeiros.com.br>
Date: Mon, 1 Nov 2021 11:11:50 -0300
Subject: [PATCH] Fix rtl mobile header menu.

---
 .../master-page/master-page.component.scss    | 10 ++++++++-
 .../search-form/search-form.component.scss    |  6 +++---
 frontend/src/styles.scss                      | 21 ++++++++++++++++++-
 3 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/components/master-page/master-page.component.scss b/frontend/src/app/components/master-page/master-page.component.scss
index 0efb6fec8..154a4a411 100644
--- a/frontend/src/app/components/master-page/master-page.component.scss
+++ b/frontend/src/app/components/master-page/master-page.component.scss
@@ -72,6 +72,14 @@ li.nav-item {
   width: 60%;
 }
 
+.navbar {
+  .dropdown {
+    button {
+      width: 62px;
+    }
+  }
+}
+
 @media (min-width: 576px) {
   .navbar-brand {
     width: 140px;
@@ -132,4 +140,4 @@ nav {
 }
 .navbar-dark .navbar-nav .nav-link {
   color: #f1f1f1;
-}
\ No newline at end of file
+}
diff --git a/frontend/src/app/components/search-form/search-form.component.scss b/frontend/src/app/components/search-form/search-form.component.scss
index c74775c3e..5a72339a3 100644
--- a/frontend/src/app/components/search-form/search-form.component.scss
+++ b/frontend/src/app/components/search-form/search-form.component.scss
@@ -10,14 +10,14 @@ form {
   @media (min-width: 576px) {
     margin-top: 0px;
     margin-left: 8px;
-  }  
+  }
   @media (min-width: 992px) {
     width: 100%;
   }
 }
 
 .btn-block {
-  width: 58.55px;
+  width: 62px;
 }
 
 .search-box-container {
@@ -37,4 +37,4 @@ form {
   .btn {
     width: 100px;
   }
-}
\ No newline at end of file
+}
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 9c09212a9..4549b4d5d 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -688,6 +688,25 @@ th {
 .reserved { color: #ff8c00 }
 
 .rtl-layout {
+
+  .navbar-brand {
+    margin-right: 0px;
+    text-align: right;
+  }
+  .dropdown {
+    margin-right: 1rem;
+    margin-left: 0;
+    @media (min-width: 576px) {
+      margin-left: 1rem;
+    }
+    @media (min-width: 768px) {
+      margin-left: 0;
+    }
+  }
+  .dropdown-menu-right {
+    left: 0px;
+    right: auto;
+  }
   .fa-arrow-alt-circle-right {
     @extend .fa-arrow-alt-circle-right;
     -webkit-transform: scaleX(-1);
@@ -737,7 +756,7 @@ th {
   }
 
   .bitcoin-block {
-      direction: rtl;
+    direction: rtl;
   }
 
   .next-previous-blocks {