[Login Form] UI Improvements

assets/js/src/core/modules/auth/components/login-form/login-form-style.tsx

@@ -16,7 +16,7 @@ export const useStyle = createStyles(({ token, css }) => {
       form {
         display: flex;
         flex-direction: column;
-        gap: 8px;
+        gap: 16px;
         font-family: Lato, sans-serif;
         font-size: 12px;
         font-style: normal;
@@ -36,6 +36,10 @@ export const useStyle = createStyles(({ token, css }) => {
             color: ${token.colorPrimaryHover};
           }
         }
+
+        .pimcore-icon {
+          color: ${token.colorIcon};
+        }
       }
 
       .login__additional-logins {

assets/js/src/core/modules/auth/components/login-form/login-form.tsx

@@ -104,6 +104,7 @@ export const LoginForm = ({ additionalLogins, onPasswordForgotten }: ILoginFormP
           </Checkbox>
           <Button
             onClick={ onPasswordForgotten }
+            style={ { paddingLeft: 0, paddingRight: 0 } }
             type={ 'link' }
           >
             {t('login-form.forgot-password')}

assets/js/src/core/modules/auth/login-page.styles.tsx

@@ -27,15 +27,15 @@ export const useStyle = createStyles(({ token, css }) => {
       height: 608px;
       flex-shrink: 0;
       border-radius: 8px;
-      background: linear-gradient(335deg, rgba(255, 255, 255, 0.86) 1.72%, rgba(57, 14, 97, 0.86) 158.36%);
-      padding: 83px 100px 0 100px;
+      background: linear-gradient(335deg, rgba(255, 255, 255, 0.86) 1.72%, rgba(236, 232, 241, 0.86) 158.36%);
+      padding: 85px 100px 0 100px;
       margin-left: 80px;
 
       /* Component/Button/primaryShadow */
       box-shadow: 0px 2px 0px 0px rgba(114, 46, 209, 0.10);
 
       img {
-        margin-bottom: 50px
+        margin-bottom: 70px
       }
     `
   }

assets/js/src/core/modules/auth/login-page.tsx

@@ -65,7 +65,7 @@ export const LoginPage = (): React.JSX.Element => {
       <div className={ styles.loginWidget }>
         <img
           alt={ 'Pimcore Logo' }
-          src={ '/bundles/pimcorestudioui/img/logo.png' }
+          src={ '/bundles/pimcorestudioui/img/logo-purple.svg' }
         />
         <LoginFormContainer />
       </div>