Fix miscellaneous RTL layout bugs

frontend/src/styles.scss

@@ -746,7 +746,37 @@ th {
   font-family: monospace;
 }
 
+.full-container .card-header .formRadioGroup {
+  margin-top: 6px;
+  display: flex;
+  flex-direction: column;
+  @media (min-width: 991px) {
+    position: relative;
+    top: -100px;
+  }
+  @media (min-width: 830px) and (max-width: 991px) {
+    position: relative;
+    top: 0px;
+  }
+  @media (min-width: 830px) {
+    flex-direction: row;
+    float: right;
+    margin-top: 0px;
+  }
+  .btn-sm {
+    font-size: 9px;
+    @media (min-width: 830px) {
+      font-size: 14px;
+    }
+  }
+}
+
+.direction-ltr {
+  direction: ltr;
+}
+
 .rtl-layout {
+  text-align: start;
 
   .navbar-brand {
     margin-right: 0px;
@@ -882,19 +912,25 @@ th {
     }
   }
 
-  .container-graph {
+  .chart {
+    direction: ltr;
+  }
+
+  .formRadioGroup {
+    @media (min-width: 830px) {
+      float: left;
+    }
+  }
+
+  .container-graph, .full-container, .toggle-holder {
     @extend .container-graph;
     .formRadioGroup {
       @extend .formRadioGroup;
       direction: ltr;
     }
-  }
 
-  .full-container {
-    @extend .full-container;
-    .formRadioGroup {
-      @extend .formRadioGroup;
-      direction: ltr;
+    .card-header, h1, h2, h3 {
+      direction: rtl;
     }
   }