diff --git a/src/components/forms/label.css b/src/components/forms/label.css index 8ec6283bf7b61e91ad231780e7a4e9b596b17379..759a731d37efca6effb443534f24ed17e30bec5c 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 af7500fb0a3d9e0fd57c3bda81a3fa3fe5d97a95..b53f17b55ebd42e6cc7cad2dae2d6903dbcb44cb 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 53758e65cc344038befbdae8066d41e14f2379c7..c835843994ce4ffb477a742fdd48c6461c288992 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 09d5c96c7a0da7253f18b5652d22a4ae6d7c5272..37e18735a8c6b2bddbba1443f356b820f50ca321 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,