Clean up style when both oAuth2 and account approval are enabled

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

@@ -238,6 +238,11 @@
       background: lighten($github, 20%);
     }
   }
+  &.oauth2_basic {
+    .d-icon {
+      display: none;
+    }
+  }
 }
 
 // Button Sizes

app/assets/stylesheets/desktop/login.scss

@@ -8,8 +8,7 @@
     flex: 0;
     flex-direction: column;
     align-items: stretch;
-    min-height: 175px;
-    border-left: 1px solid $primary-low;
+    min-height: 75px;
     padding: s(0 6);
     order: 2;
 
@@ -21,6 +20,14 @@
       &:lang(zh_CN) {
         min-width: 200px;
       }
+      &:first-of-type:last-of-type {
+        &.oauth2_basic {
+          // Handles a strange fringe case where OAuth2 and account approval are enabled
+          margin-left: auto;
+          margin-right: auto;
+          justify-content: center;
+        }
+      }
     }
   }
 
@@ -50,6 +57,9 @@
     #login-buttons:not(.hidden) {
       justify-content: flex-start;
       padding-top: 2.7em;
+      + .login-form {
+        border-right: 1px solid $primary-low; // Only show border when login-form is present
+      }
     }
   }
 
@@ -57,6 +67,9 @@
     box-sizing: border-box;
     flex: 1 0 auto;
     padding: s(0 6);
+    + #login-buttons {
+      border-left: 1px solid $primary-low; // Only show border when login-form is present
+    }
   }
 
   tr:not(.instructions) {