Set proper tabs alignment

app/views/admin/shared/_org_subheader.html.erb

@@ -1,4 +1,4 @@
-<div class="Filters is-relative js-org-subheader">
+<div class="Filters is-relative js-org-subheader OrganizationTabs--margin-fix">
   <div class="Filters-inner">
     <span class="Filters-separator"></span>
     <div class="Filters-row">

app/views/carto/admin/mobile_apps/_form.html.erb

@@ -122,7 +122,7 @@
 
   <div class="FormAccount-footer FormAccount-footer--noMarginBottom">
     <p class="FormAccount-footerText"></p>
-    <button type="submit" class="CDB-Button CDB-Button--primary">
+    <button type="submit" class="CDB-Button CDB-Button--primary js-save">
       <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small u-upperCase">Save changes</span>
     </button>
   </div>

assets/stylesheets/common/account_forms.scss

@@ -9,6 +9,7 @@ $sLabel-width: 140px;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
+  margin-top: 48px;
 }
 
 .FormAccount-container {
@@ -28,7 +29,7 @@ $sLabel-width: 140px;
 .FormAccount-title {
   display: inline-block;
   width: 100%;
-  margin: 30px 0 28px;
+  margin: 0 0 28px;
 }
 
 .FormAccount-titleHeader {
@@ -854,3 +855,8 @@ $sLabel-width: 140px;
   flex-direction: row;
   justify-content: space-between;
 }
+
+
+.OrganizationTabs--margin-fix {
+  margin-top: -28px;
+}

assets/stylesheets/common/side_menu.scss

@@ -39,12 +39,11 @@
 .SideMenu-list {
   align-items: center;
   justify-content: space-between;
-  margin: 25px 0;
 }
 
 .SideMenu-typeItem {
   position: relative;
-  line-height: 35px;
+  margin-bottom: 20px;
 
   &:first-child {
     margin-left: 0;
@@ -102,6 +101,6 @@
   display: flex;
   width: 240px;
   height: 1px;
-  margin: 14px 0;
+  margin: 20px 0;
   background-color: rgba(0, 0, 0, 0.1);
-}
+}

lib/assets/javascripts/new-dashboard/components/Apps/SettingsSidebar.vue

@@ -85,7 +85,7 @@ export default {
   display: flex;
   width: 240px;
   height: 1px;
-  margin: 14px 0;
+  margin: 20px 0;
   background-color: rgba(0, 0, 0, 0.1);
 }
 

lib/assets/javascripts/new-dashboard/styles/bundles/header.scss

@@ -26,7 +26,7 @@
 }
 
 #header {
-  padding-top: 60px;
+  padding-top: 64px;
 
   &.is-user-notification {
     padding-top: 124px;