From 949f9203b8d3b680c907b1fa91a3abcfe9c44e51 Mon Sep 17 00:00:00 2001
From: DanielSPham <36108616+DanielSPham@users.noreply.github.com>
Date: Wed, 16 Sep 2020 17:18:00 -0700
Subject: [PATCH] Analytical storage label (#211)

Co-authored-by: Daniel Si Pham <v-danpha@microsoft.com>
---
 less/documentDB.less                      |  4 ++++
 src/Explorer/Panes/AddCollectionPane.html | 16 ++++++++++------
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/less/documentDB.less b/less/documentDB.less
index 9ff6e2225..b24854fd2 100644
--- a/less/documentDB.less
+++ b/less/documentDB.less
@@ -2972,6 +2972,10 @@ settings-pane {
     .enableAnalyticalStorageRadio:nth-child(n+2) {
         margin-left: @LargeSpace;
     }
+
+    .enableAnalyticalStorageRadioLabel {
+        padding: 0px
+    }
 }
 
 .addCollectionLabel {
diff --git a/src/Explorer/Panes/AddCollectionPane.html b/src/Explorer/Panes/AddCollectionPane.html
index 418b713a9..0ffbfff8b 100644
--- a/src/Explorer/Panes/AddCollectionPane.html
+++ b/src/Explorer/Panes/AddCollectionPane.html
@@ -537,9 +537,11 @@
                                                           attr: {
                                                               'aria-checked': isAnalyticalStorageOn() ? 'true' : 'false'
                                                           }" />
-                      <span for="enableAnalyticalStorageRadioOn" data-bind="disable: showEnableSynapseLink">
-                          On
-                      </span>
+                      <label for="enableAnalyticalStorageRadioOn" class="enableAnalyticalStorageRadioLabel">
+                        <span data-bind="disable: showEnableSynapseLink">
+                            On
+                        </span>
+                      </label>
 
                       <input class="enableAnalyticalStorageRadio" id="enableAnalyticalStorageRadioOff"
                           name="analyticalStore" type="radio" role="radio" tabindex="0" data-bind="
@@ -549,9 +551,11 @@
                                                           attr: {
                                                               'aria-checked': isAnalyticalStorageOn() ? 'false' : 'true'
                                                           }" />
-                      <span for="enableAnalyticalStorageRadioOff" data-bind="disable: showEnableSynapseLink">
-                          Off
-                      </span>
+                      <label for="enableAnalyticalStorageRadioOff" class="enableAnalyticalStorageRadioLabel">
+                        <span data-bind="disable: showEnableSynapseLink">
+                            Off
+                        </span>
+                      </label>
                   </div>
 
                   <div class="paragraph italic" data-bind="visible: ttl90DaysEnabled() && isAnalyticalStorageOn()">