fix config radio label text wrap issue

replicatedhq · May 28, 2020 · 0b6bf9e · 0b6bf9e
1 parent bb0b2f2
commit 0b6bf9e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/web/init/package.json b/web/init/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@replicatedhq/ship-init",
-  "version": "1.6.21",
+  "version": "1.6.22",
   "description": "Shared component that contains the Ship Init app",
   "author": "Replicated, Inc.",
   "license": "Apache-2.0",

diff --git a/web/init/src/components/config_render/ConfigRadio.jsx b/web/init/src/components/config_render/ConfigRadio.jsx
@@ -19,7 +19,7 @@ export default class ConfigRadio extends React.Component {
     const checked = val === this.props.name;
 
     return (
-      <div className="flex-auto flex alignItems--center u-marginRight--20 u-marginTop--10">
+      <div className="flex alignItems--center u-marginRight--20 u-marginTop--10">
         <input
           type="radio"
           name={this.props.group}
@@ -28,7 +28,7 @@ export default class ConfigRadio extends React.Component {
           checked={checked}
           disabled={this.props.readOnly}
           onChange={(e) => this.handleOnChange(e)}
-          className={`${this.props.className || ""} flex-auto ${this.props.readOnly ? "readonly" : ""}`} />
+          className={`${this.props.className || ""} ${this.props.readOnly ? "readonly" : ""}`} />
         <label htmlFor={`${this.props.group}-${this.props.name}`} className={`u-marginLeft--small header-color field-section-sub-header u-userSelect--none ${this.props.readOnly ? "u-cursor--default" : "u-cursor--pointer"}`}>{this.props.title}</label>
       </div>
     );