From a8cc5ab1d959a7277b2cd9cf6a352f7e5d96c2e2 Mon Sep 17 00:00:00 2001
From: chrisgarrity <chrisg@media.mit.edu>
Date: Mon, 2 Jul 2018 11:17:17 -0400
Subject: [PATCH] Prevent tab and label wrapping

Fixes #2448 (tab wrapping in Japanese). Also ensures that none of the Sprite info area wraps. Does not address the issue where the sprite info area is too big and pushes the stage info off the screen.
---
 src/components/forms/label.css             | 2 ++
 src/components/gui/gui.css                 | 1 +
 src/components/sprite-info/sprite-info.css | 4 ++++
 src/components/sprite-info/sprite-info.jsx | 2 +-
 4 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/forms/label.css b/src/components/forms/label.css
index 8ec6283bf7b..759a731d37e 100644
--- a/src/components/forms/label.css
+++ b/src/components/forms/label.css
@@ -12,6 +12,8 @@
     margin-right: .5rem;
     user-select: none;
     cursor: default;
+
+    white-space: nowrap;
 }
 
 .input-label {
diff --git a/src/components/gui/gui.css b/src/components/gui/gui.css
index af7500fb0a3..b53f17b55eb 100644
--- a/src/components/gui/gui.css
+++ b/src/components/gui/gui.css
@@ -79,6 +79,7 @@
     align-items: center;
 
     user-select: none;
+    white-space: nowrap;
 }
 
 /* Use z-indices to force left-on-top for tabs */
diff --git a/src/components/sprite-info/sprite-info.css b/src/components/sprite-info/sprite-info.css
index 53758e65cc3..c835843994c 100644
--- a/src/components/sprite-info/sprite-info.css
+++ b/src/components/sprite-info/sprite-info.css
@@ -44,6 +44,10 @@
 }
 
 /* @todo: refactor radio divs to input */
+.radio-wrapper {
+    white-space: nowrap; /* make sure visibilty buttons don't wrap */
+}
+
 .radio {
     filter: saturate(0);
     cursor: pointer;
diff --git a/src/components/sprite-info/sprite-info.jsx b/src/components/sprite-info/sprite-info.jsx
index 09d5c96c7a0..37e18735a8c 100644
--- a/src/components/sprite-info/sprite-info.jsx
+++ b/src/components/sprite-info/sprite-info.jsx
@@ -176,7 +176,7 @@ class SpriteInfo extends React.Component {
                                 /> :
                                 null
                         }
-                        <div>
+                        <div className={styles.radioWrapper}>
                             <div
                                 className={classNames(
                                     styles.radio,