From 8d147c9e7b406d1932ae96b01fb83206ebb451a8 Mon Sep 17 00:00:00 2001
From: okbel <curciobelen@gmail.com>
Date: Thu, 29 Mar 2018 13:27:35 -0300
Subject: [PATCH] Styling

---
 .../client/components/TermsAndConditionsField.css      |  7 ++++++-
 .../client/components/TermsAndConditionsField.js       | 10 ++++++++--
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/plugins/talk-plugin-auth-checkbox/client/components/TermsAndConditionsField.css b/plugins/talk-plugin-auth-checkbox/client/components/TermsAndConditionsField.css
index e05170b46..c11f408a3 100644
--- a/plugins/talk-plugin-auth-checkbox/client/components/TermsAndConditionsField.css
+++ b/plugins/talk-plugin-auth-checkbox/client/components/TermsAndConditionsField.css
@@ -9,5 +9,10 @@
 }
 
 .fieldContainer {
-  padding: 5px 0;
+  padding: 10px 0;
+  display: flex;
+}
+
+.textLabel {
+ padding-left: 10px;
 }
\ No newline at end of file
diff --git a/plugins/talk-plugin-auth-checkbox/client/components/TermsAndConditionsField.js b/plugins/talk-plugin-auth-checkbox/client/components/TermsAndConditionsField.js
index 25f97dc09..dec0d86ce 100644
--- a/plugins/talk-plugin-auth-checkbox/client/components/TermsAndConditionsField.js
+++ b/plugins/talk-plugin-auth-checkbox/client/components/TermsAndConditionsField.js
@@ -58,13 +58,19 @@ class TermsAndConditionsField extends React.Component {
           onChange={this.onChange}
           id={this.id}
         />
-        <label id={this.id} className="talk-plugin-health-report-label">
+        <div
+          id={this.id}
+          className={cn(
+            styles.textLabel,
+            'talk-plugin-health-report-text-label'
+          )}
+        >
           {t('talk-plugin-health-report.copy')}
           <TermsLink />
           {t('talk-plugin-health-report.and')}
           <PrivacyLink />
           {t('talk-plugin-health-report.from')}
-        </label>
+        </div>
       </div>
     );
   }