[SERVER-978] Migration - checkboxes are not aligned

Author: Cookiezaurs

plugins/data_migration/frontend/public/javascripts/countly.views.js

@@ -109,6 +109,8 @@ window.DataMigrationView = countlyView.extend({
             //top button, open export drawer
             $("#show_data_export_form").on("click", function () {
                 self.reset_export_tab();
+                $("#import-export-button").removeClass("active");
+                $("#import-export-button-menu").css('display','none');
                 $(".cly-drawer").removeClass("open editing");
                 $("#export-widget-drawer").addClass("open");
                 $(".cly-drawer").find(".close").off("click").on("click", function () {
@@ -119,6 +121,8 @@ window.DataMigrationView = countlyView.extend({
             //top button, open import drawer
             $("#show_data_import_form").on("click", function () {
                 $(".cly-drawer").removeClass("open editing");
+                $("#import-export-button").removeClass("active");
+                $("#import-export-button-menu").css('display','none');
                 $("#import-widget-drawer").addClass("open");
                 $("#data-migration-import-via-file").height($(window).height()-340);
                 $(".cly-drawer").find(".close").off("click").on("click", function () {

plugins/data_migration/frontend/public/templates/export_drawer.html

@@ -61,11 +61,11 @@
          <div class="settings section" id="export-more-options">
             <table style="width: 100%;">
                 <tr class="checkbox_row">
-                    <td style="width: 20px;"><a class="fa check-green check-header fa-square-o" id="migration_aditional_files"></a></td>
+                    <td style="width: 20px;"><a class="fa check-green check-header fa-square-o" id="migration_aditional_files" style="margin-top:4px;"></a></td>
                     <td><label data-localize="data-migration.export-additional-files" class='migration-checkbox-label'></label></td>
                 </tr>
                 <tr class="checkbox_row">
-                    <td style="width: 20px;"><a class="fa check-green check-header fa-square-o" id="migration_redirect_traffic"></a></td>
+                    <td style="width: 20px;"><a class="fa check-green check-header fa-square-o" id="migration_redirect_traffic" style="margin-top:4px;"></a></td>
                     <td><label data-localize="data-migration.redirect-traffic" class='migration-checkbox-label'></label></td>
                 </tr>
             </table>