[ADF-1932] Settings button now is located inside the login menu

demo-shell/src/app/components/login/login.component.css

@@ -24,15 +24,25 @@
 }
 
 @media (min-width: 721px) {
-    .mobile-settings {
+    .mobile-settings, .mobile-setting-button {
         display: none;
     }
 }
 
 @media (max-width: 720px) {
-    .settings {
+    .settings,  .setting-button {
         display: none;
     }
+
+    .mobile-setting-button.mat-raised-button {
+        background-color: rgb(68,138,255);
+        line-height: 25px;
+    }
+
+    .mobile-settings {
+        padding-bottom: 20px;
+        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+    }
 }
 
 .settings ::ng-deep .mat-slide-toggle-thumb-container {

demo-shell/src/app/components/login/login.component.html

@@ -92,5 +92,10 @@
                 {{ 'LOGIN.LOGIN_FOOTER'| translate }}
             </mat-slide-toggle>
         </p>
+        <button class="adf-login-button mat-raised-button btn mobile-setting-button"  data-automation-id="settings" href="" routerLink="/settings" mat-raised-button="" ng-reflect-disabled="false" >
+            <span class="mat-button-wrapper">
+                <span class="adf-login-button-label ng-star-inserted">{{ 'APP_LAYOUT.SETTINGS'| translate }}</span>
+            </span>
+        </button>
     </div>
 </adf-login>