adjust button style

src/client/js/components/LoginForm.jsx

@@ -97,7 +97,7 @@ class LoginForm extends React.Component {
   renderExternalAuthLoginForm() {
     const { isLocalStrategySetup, isLdapStrategySetup, objOfIsExternalAuthEnableds } = this.props;
     const isExternalAuthCollapsible = isLocalStrategySetup || isLdapStrategySetup;
-    const collapsibleClass = isExternalAuthCollapsible ? 'collapse collapse-external-auth collapse-anchor' : '';
+    const collapsibleClass = isExternalAuthCollapsible ? 'collapse collapse-external-auth' : '';
 
     return (
       <>
@@ -118,7 +118,7 @@ class LoginForm extends React.Component {
         <div className="text-center">
           <button
             type="button"
-            className="collapse-anchor btn btn-xs btn-collapse-external-auth mb-3"
+            className="btn btn-secondary btn-xs mb-3"
             data-toggle={isExternalAuthCollapsible ? 'collapse' : ''}
             data-target="#external-auth"
             aria-expanded="false"

src/client/styles/scss/_login.scss

@@ -225,22 +225,6 @@
     }
   }
 
-  // external-auth
-  .btn-collapse-external-auth {
-    color: white;
-    background-color: rgba(lighten(black, 20%), 0.4);
-    border: none;
-
-    .btn-label {
-      padding: 9px 15px;
-      margin: -8px 20px -8px -20px;
-    }
-
-    &:focus {
-      border: none;
-    }
-  }
-
   // footer link text
   .link-growi-org {
     font-size: smaller;