fix: Use label for "Subscribe to updates" checkbox (#2788)

app/javascript/dashboard/assets/scss/super_admin/index.scss

@@ -8,6 +8,22 @@
     font-weight: var(--font-weight-light);
     margin-top: var(--space-large);
   }
+
+  .update-subscription--checkbox {
+    display: flex;
+
+    input {
+      line-height: 1.5;
+      margin-right: var(--space-one);
+      margin-top: var(--space-smaller);
+    }
+
+    label {
+      font-size: var(--font-size-small);
+      line-height: 1.5;
+      margin-bottom: var(--space-normal);
+    }
+  }
 }
 
 .alert-box {
@@ -20,17 +36,4 @@
   text-align: center;
 }
 
-.update-subscription--checkbox {
-  display: flex;
 
-  input {
-    line-height: 1.5;
-    margin-right: var(--space-one);
-  }
-
-  div {
-    font-size: var(--font-size-small);
-    line-height: 1.5;
-    margin-bottom: var(--space-normal);
-  }
-}

app/views/installation/onboarding/index.html.erb

@@ -43,9 +43,9 @@
                 </label>
                 <div class="update-subscription--checkbox">
                   <%= check_box_tag "subscribe_to_updates", 'true', true %>
-                  <div for="subscribe_to_updates">
+                  <label for="subscribe_to_updates">
-                  Subscribe to release notes, newsletters & product feedback surveys.
+                    Subscribe to release notes, newsletters & product feedback surveys.
-                  </div>
+                  </label>
                 </div>
                 <button type="submit" class="button nice large expanded">
                   Finish Setup