From bacbc7a48e8fec3eaf976f1af1aab34c9e2fffce Mon Sep 17 00:00:00 2001
From: David Cano <david.cano@alfresco.com>
Date: Thu, 22 Mar 2018 15:03:51 +0000
Subject: [PATCH] [ADF-1932] Settings button now is located inside the login
 menu

---
 .../src/app/components/login/login.component.css   | 14 ++++++++++++--
 .../src/app/components/login/login.component.html  |  5 +++++
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/demo-shell/src/app/components/login/login.component.css b/demo-shell/src/app/components/login/login.component.css
index db7a097696..d2ca36adae 100644
--- a/demo-shell/src/app/components/login/login.component.css
+++ b/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 {
diff --git a/demo-shell/src/app/components/login/login.component.html b/demo-shell/src/app/components/login/login.component.html
index c39dda7011..775d2c6f20 100644
--- a/demo-shell/src/app/components/login/login.component.html
+++ b/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>