Login Screen Changes

public/apps/login/_index.scss

@@ -1,25 +1,67 @@
 /*
+
  *   Copyright OpenSearch Contributors
+
  *
+
  *   Licensed under the Apache License, Version 2.0 (the "License").
+
  *   You may not use this file except in compliance with the License.
+
  *   A copy of the License is located at
+
  *
+
  *       http://www.apache.org/licenses/LICENSE-2.0
+
  *
+
  *   or in the "license" file accompanying this file. This file is distributed
+
  *   on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either
+
  *   express or implied. See the License for the specific language governing
+
  *   permissions and limitations under the License.
+
  */
 
+
+
 .login-wrapper {
-  margin: 10% auto;
+
   width: 350px;
+
   padding: 1rem;
-  position: relative;
+
+  position: sticky;
+
+  margin-top: 12rem;
+
+  float: right !important;
+
+  margin-right: 7rem; /* Default for larger screens */
+
+}
+
+
+
+@media only screen and (max-width: 600px) {
+
+  .login-wrapper {
+
+    width: 100%; /* Adjust width for mobile */
+
+    float: none !important; /* Reset float for mobile */
+
+    margin-right: 0; /* Remove margin-right for mobile */
+
+  }
+
 }
 
 .btn-login {
+
   width: 100%;
-}
+
+}

public/apps/login/login-page.tsx

@@ -221,9 +221,9 @@ export function LoginPage(props: LoginPageDeps) {
               );
             }
 
-            formBody.push(<EuiSpacer size="xs" />);
+            //  formBody.push(<EuiSpacer size="xs" />);
             formBody.push(<EuiHorizontalRule size="full" margin="xl" />);
-            formBody.push(<EuiSpacer size="xs" />);
+            //  formBody.push(<EuiSpacer size="xs" />);
           }
           break;
         }
@@ -264,19 +264,19 @@ export function LoginPage(props: LoginPageDeps) {
           url={props.config.ui.basicauth.login.brandimage || defaultBrandImage}
         />
       )}
-      <EuiSpacer size="s" />
+      {/* <EuiSpacer size="s" />
       <EuiText size="m" textAlign="center">
         {props.config.ui.basicauth.login.title || ''}
       </EuiText>
       <EuiSpacer size="s" />
       <EuiText size="s" textAlign="center">
         {props.config.ui.basicauth.login.subtitle || ''}
       </EuiText>
-      <EuiSpacer size="s" />
+      <EuiSpacer size="s" /> */}
       <EuiForm component="form">
         {formOptions(props.config.auth.type)}
         {errorLabel}
       </EuiForm>
     </EuiListGroup>
   );
-}
+}