Floating "Log In" button on login page

[cochize1 41]

Is there a way to make just "manual login" button floating in both mobile and PC view under the login page? It worked perfectly in emby 4.2 using the code below but the code must gave changed since 4.3:

.raised.cancel.block.btnManual.emby-button{
background-color: #52b54b!important;
    width: 200px!important;
    height: auto;
    align: center;
}

#loginPage 
div.readOnlyContent{
	position: fixed!important;
	bottom: 5%;
	right: 5%
}

Edited December 14, 2019 by cochize1

[Happy2Play 8292]

The login pages (login and manuallogin) do not have page ids any more, so you can't use #loginPage unless you add the page id back to the login.html. 

 

I guess something like this.

[data-type="ManualLogin"]{
     background-color: #52b54b!important;
     width: 200px!important;
     height: auto;
    position: fixed!important;
    bottom: 5%;
}
[data-type="ManualLogin"] div.cardPadder-square {display: none;}

[cochize1 41]

it seems to be working but the position is not "fixed". The button stays in the middle of the page and I want it to be sticky while scrolling in the bottom right part of the page

[Happy2Play 8292]

it seems to be working but the position is not "fixed". The button stays in the middle of the page and I want it to be sticky while scrolling in the bottom right part of the page

Sorry add the right: 5% back in.  To me it just didn't look right on the right like that.

[cochize1 41]

I tried that and it is at the right border but still pinned to one place at the page, not floating with the page when I scroll down, why is that? I thought the 'fixed' position should do the trick?