From 6636c0f551a146622a1db40582140c59d3eb650d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 5 Dec 2018 12:01:24 +0300
Subject: [PATCH] mobile fixes

---
 src/components/style_switcher/style_switcher.scss | 6 ++++++
 src/components/tab_switcher/tab_switcher.scss     | 4 +++-
 src/i18n/en.json                                  | 2 +-
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/style_switcher/style_switcher.scss b/src/components/style_switcher/style_switcher.scss
index c8c5d9dd..f53f00a0 100644
--- a/src/components/style_switcher/style_switcher.scss
+++ b/src/components/style_switcher/style_switcher.scss
@@ -248,6 +248,12 @@
       .panel-heading {
         .badge, .alert, .btn, .faint {
           margin-left: 1em;
+          white-space: nowrap;
+        }
+        .faint {
+          text-overflow: ellipsis;
+          min-width: 2em;
+          overflow-x: hidden;
         }
         .flex-spacer {
           flex: 1;
diff --git a/src/components/tab_switcher/tab_switcher.scss b/src/components/tab_switcher/tab_switcher.scss
index d0e5ea87..fbd3321b 100644
--- a/src/components/tab_switcher/tab_switcher.scss
+++ b/src/components/tab_switcher/tab_switcher.scss
@@ -11,7 +11,8 @@
     position: relative;
     justify-content: center;
     width: 100%;
-    overflow: hidden;
+    overflow-y: hidden;
+    overflow-x: auto;
     padding-top: 5px;
     height: 32px;
     box-sizing: border-box;
@@ -33,6 +34,7 @@
       border-bottom-left-radius: 0;
       border-bottom-right-radius: 0;
       padding: 5px 1em 99px;
+      white-space: nowrap;
 
       &:not(.active) {
         z-index: 4;
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 890ed6c4..c0d30b59 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -273,7 +273,7 @@
         "custom": "Custom"
       },
       "preview": {
-        "header": "Preview of header",
+        "header": "Preview",
         "content": "Content",
         "error": "Example error",
         "button": "Button",