Merge pull request #3743 from hadicharara/hadicharara/added-support-for-rtl-layouts

Add Initial support for RTL layouts

src/components/guide/guide.scss

@@ -307,13 +307,20 @@
 }
 
 .programIcon {
-    margin-left: 0.5em;
     height: 1em;
     width: 1em;
     font-size: 1.6em;
     color: #ddd;
     flex-shrink: 0;
     flex-grow: 0;
+
+    [dir="ltr"] & {
+        margin-left: 0.5em;
+    }
+
+    [dir="rtl"] & {
+        margin-right: 0.5em;
+    }
 }
 
 .guide-programTextIcon {
@@ -340,11 +347,19 @@
 }
 
 .guideChannelName {
-    margin-left: auto;
-    margin-right: 1em;
     text-overflow: ellipsis;
     overflow: hidden;
     max-width: 70%;
+
+    [dir="ltr"] & {
+        margin-left: auto;
+        margin-right: 1em;
+    }
+
+    [dir="rtl"] & {
+        margin-right: auto;
+        margin-left: 1em;
+    }
 }
 
 .guideChannelImage {