UX: Improve balance on login & signup pages (#30330)

app/assets/stylesheets/common/base/login-signup-page.scss

@@ -12,11 +12,26 @@
 body.login-page,
 body.signup-page,
 body.invite-page,
-body.password-reset-page {
+body.password-reset-page,
-  & ~ .powered-by-discourse,
+body.activate-account-page {
+  .powered-by-discourse,
   .above-main-container-outlet {
     display: none;
   }
+  #main-outlet {
+    padding: 0;
+  }
+  .d-header {
+    box-shadow: none;
+    border: none;
+    background-color: var(--secondary);
+  }
+  .d-header .home-logo-wrapper-outlet {
+    width: 100%;
+  }
+  .d-header .title a {
+    margin: 0 auto;
+  }
 }
 
 body.login-page,
@@ -51,6 +66,7 @@ body.signup-page {
 
     &__existing-account,
     &__no-account-yet {
+      font-size: var(--font-down-1);
       color: var(--primary-medium);
     }
 
@@ -209,6 +225,7 @@ body.signup-page {
 
     .btn-social {
       border: 1px solid var(--primary-low);
+      padding: 0.75em 0.77em; // matches input padding
     }
   }
 

app/assets/stylesheets/common/components/buttons.scss

@@ -200,11 +200,8 @@
 .btn-social {
   color: #000;
   background: #fff;
-  border: 1px solid transparent;
   border-radius: var(--d-border-radius);
-  &:hover,
   &:focus {
-    box-shadow: var(--shadow-card);
     outline: 1px solid #000;
   }
   &[href] {
@@ -218,19 +215,6 @@
   &.btn:hover .d-icon {
     color: #000;
   }
-  &.google_oauth2 {
-    background: var(--google);
-    color: #333;
-    // non-FA SVG icon for Google in login-buttons.hbs
-    .d-icon {
-      opacity: 0.9;
-    }
-    &:hover,
-    &:focus {
-      color: inherit;
-    }
-  }
-
   &.cas {
     .d-icon {
       color: var(--cas);