From c995053900e7dac5d8ab116c5f6dc39f99d61421 Mon Sep 17 00:00:00 2001
From: sean-binary <seanho96@yahoo.com>
Date: Tue, 22 Dec 2020 10:33:58 +0800
Subject: [PATCH] fix: truncated tabs for various languages

---
 src/pages/dmt5-trading-signals/index.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/pages/dmt5-trading-signals/index.js b/src/pages/dmt5-trading-signals/index.js
index 6b7c70c6c42..c4fc77d019a 100644
--- a/src/pages/dmt5-trading-signals/index.js
+++ b/src/pages/dmt5-trading-signals/index.js
@@ -54,6 +54,10 @@ const signal_content_provider = {
 const TabsContainer = styled(Flex)`
     display: flex;
     overflow: scroll;
+
+    @media ${device.mobileL} {
+        justify-content: flex-start;
+    }
 `
 
 const Item = styled.div`
@@ -63,10 +67,12 @@ const Item = styled.div`
         props.name === props.active_tab ? '2px solid var(--color-red)' : ''};
     cursor: pointer;
     z-index: 10;
+    white-space: nowrap;
 
     ${Header} {
         font-size: 2.4rem;
         width: max-content;
+        text-align: center;
     }
     h4 {
         color: var(--color-black-3);
@@ -78,8 +84,13 @@ const Item = styled.div`
 
         ${Header} {
             font-size: 20px;
+            width: 100%;
         }
     }
+    @media ${device.mobileL} {
+        width: 100%;
+        text-align: center;
+    }
 `
 const Separator = styled.div`
     position: absolute;