From 2c496e9a50cf031b6b04ccb1ac8c8e0f65853480 Mon Sep 17 00:00:00 2001
From: TechMiX <mytechmix@gmail.com>
Date: Wed, 15 Sep 2021 12:06:55 +0200
Subject: [PATCH] add rtl hinting for new graph + move code rtl hints to style
 file

---
 .../api-docs/code-template.component.html     |  2 +-
 frontend/src/styles.scss                      | 24 +++++++++++++++++++
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/components/api-docs/code-template.component.html b/frontend/src/app/components/api-docs/code-template.component.html
index e396a03aa..c420e14bc 100644
--- a/frontend/src/app/components/api-docs/code-template.component.html
+++ b/frontend/src/app/components/api-docs/code-template.component.html
@@ -1,4 +1,4 @@
-<div class="code" dir="ltr" style="text-align: left !important;">
+<div class="code">
   <ul ngbNav #navCodeTemplate="ngbNav" class="nav-tabs code-tab">
     <li ngbNavItem *ngIf="code.codeTemplate.curl && method !== 'websocket'">
       <a ngbNavLink>cURL</a>
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index b486b4b3a..871d6d598 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -746,6 +746,30 @@ th {
       margin-right: 0 !important;
       margin-left: 0.5rem !important;
     }
+
+    .code {
+      @extend .code;
+      text-align: left !important;
+      direction: ltr;
+      .subtitle {
+        @extend .subtitle;
+        direction: rtl;
+        text-align: right !important;
+      }
+    }
+
+    .container-graph {
+      @extend .container-graph;
+      .formRadioGroup {
+        @extend .formRadioGroup;
+        direction: ltr;
+      }
+    }
+
+    .mempool-graph {
+      @extend .mempool-graph;
+      direction: ltr;
+    }
 }