From 1ffa76bbafb3fdd2b382db5887017a7a9754c725 Mon Sep 17 00:00:00 2001
From: Alexei Yuzhakov <sibprogrammer@gmail.com>
Date: Tue, 24 May 2016 21:26:49 +0600
Subject: [PATCH] Better way to control checkboxes using labels.

Signed-off-by: Alexei Yuzhakov <sibprogrammer@gmail.com>
---
 src/components/ContainerSettingsAdvanced.react.js | 6 +++---
 styles/container-settings.less                    | 3 +++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/ContainerSettingsAdvanced.react.js b/src/components/ContainerSettingsAdvanced.react.js
index 08b8e351b1..92cb9a912b 100644
--- a/src/components/ContainerSettingsAdvanced.react.js
+++ b/src/components/ContainerSettingsAdvanced.react.js
@@ -57,9 +57,9 @@ var ContainerSettingsAdvanced = React.createClass({
         <div className="settings-section">
           <h3>Advanced Options</h3>
           <div className="checkboxes">
-            <p><input type="checkbox" checked={this.state.tty} onChange={this.handleChangeTty}/>Allocate a TTY for this container</p>
-            <p><input type="checkbox" checked={this.state.openStdin} onChange={this.handleChangeOpenStdin}/>Keep STDIN open even if not attached</p>
-            <p><input type="checkbox" checked={this.state.privileged} onChange={this.handleChangePrivileged}/>Privileged mode</p>
+            <p><label><input type="checkbox" checked={this.state.tty} onChange={this.handleChangeTty}/>Allocate a TTY for this container</label></p>
+            <p><label><input type="checkbox" checked={this.state.openStdin} onChange={this.handleChangeOpenStdin}/>Keep STDIN open even if not attached</label></p>
+            <p><label><input type="checkbox" checked={this.state.privileged} onChange={this.handleChangePrivileged}/>Privileged mode</label></p>
           </div>
           <a className="btn btn-action" disabled={this.props.container.State.Updating} onClick={this.handleSaveAdvancedOptions}>Save</a>
         </div>
diff --git a/styles/container-settings.less b/styles/container-settings.less
index 242c642f95..80dd7a233f 100644
--- a/styles/container-settings.less
+++ b/styles/container-settings.less
@@ -166,6 +166,9 @@
       input[type="checkbox"] {
         margin-right: 0.8rem;
       }
+      label {
+        font-weight: 400;
+      }
     }
   }
 }