From 68677dce6eddf46549f9b1e280b0cf9430223cbf Mon Sep 17 00:00:00 2001
From: Egor Savkin <es@m-labs.hk>
Date: Mon, 15 Jul 2024 17:18:13 +0800
Subject: [PATCH] Make tooltip icons inline

Signed-off-by: Egor Savkin <es@m-labs.hk>
---
 static/js/shop/options/components/Line.jsx       | 5 +++--
 static/js/shop/options/components/Switch.jsx     | 2 +-
 static/js/shop/options/components/SwitchLine.jsx | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/static/js/shop/options/components/Line.jsx b/static/js/shop/options/components/Line.jsx
index 6114b01f..cb228323 100644
--- a/static/js/shop/options/components/Line.jsx
+++ b/static/js/shop/options/components/Line.jsx
@@ -39,9 +39,10 @@ class Line extends Component {
             <div className="shop-line" key={this.props.id}>
                 <label htmlFor={key} className="form-label">
                     {this.props.icon && <img src={`/images${this.props.icon}`} className="options-icon"/>}
-                    {this.props.title}:
+                    {this.props.title}
+                    {this.props.tip && <Tip id={this.props.id + "tooltip"} tip={this.props.tip}/>}
+                    :
                 </label>
-                {this.props.tip && <Tip id={this.props.id + "tooltip"} tip={this.props.tip}/>}
                 <input type="text" className={`form-control form-control-sm ${this.state.valid ? "" : "options-invalid"}`} id={key} onChange={this.handleChange}
                        value={this.state.text}/>
             </div>
diff --git a/static/js/shop/options/components/Switch.jsx b/static/js/shop/options/components/Switch.jsx
index ec05a52b..7503edc9 100644
--- a/static/js/shop/options/components/Switch.jsx
+++ b/static/js/shop/options/components/Switch.jsx
@@ -49,8 +49,8 @@ class Switch extends Component {
                     <label className="form-check-label" htmlFor={key} style={{"display": "inline"}}>
                         {this.props.icon && <img src={`/images${this.props.icon}`} className="options-icon"/>}
                         {this.props.title}
+                        {this.props.tip && <Tip id={this.props.id + "tooltip"} tip={this.props.tip}/>}
                     </label>
-                    {this.props.tip && <Tip id={this.props.id + "tooltip"} tip={this.props.tip}/>}
                 </div>
             </div>
         );
diff --git a/static/js/shop/options/components/SwitchLine.jsx b/static/js/shop/options/components/SwitchLine.jsx
index 39dcd32b..e05b67cf 100644
--- a/static/js/shop/options/components/SwitchLine.jsx
+++ b/static/js/shop/options/components/SwitchLine.jsx
@@ -65,8 +65,8 @@ class SwitchLine extends Component {
                     <label className="form-check-label" htmlFor={key + "switch"}>
                         {this.props.icon && <img src={`/images${this.props.icon}`} className="options-icon"/>}
                         {this.props.title}
+                        {this.props.tip && <Tip id={this.props.id + "tooltip"} tip={this.props.tip}/>}
                     </label>
-                    {this.props.tip && <Tip id={this.props.id + "tooltip"} tip={this.props.tip}/>}
                 </div>
                 <input type="text" className={`form-control form-control-sm ${this.state.valid ? "" : "options-invalid"}`} id={key + "line"} onChange={this.handleText}
                        value={this.state.text} disabled={!this.state.checked}/>