adjust look of account button

This commit is contained in:
Til Schmitter 2026-04-15 23:30:41 +02:00
parent fb5430df37
commit 91dd093206
2 changed files with 32 additions and 38 deletions

View file

@ -4472,30 +4472,24 @@ html.e #detree {
} }
.popup_button { .popup_button {
border-radius: .3em; border-radius: .3em;
background: var(--btn-1-bg);
cursor: pointer;
padding: 0;
margin: 0; margin: 0;
display: flex;
justify-content:space-between;
color: var(--btn-1-fg); color: var(--btn-1-fg);
text-align: left; text-align: left;
text-shadow: none; text-shadow: none;
} }
.popup_button p{ #acc_button p{
margin: .2em .3em; margin: 0;
align-self: center; align-self: center;
} }
#acc_settings{ #acc_button {
background: var(--a); margin: 0;
position: absolute; cursor: pointer;
align-self: end; display: flex;
right: 0;
bottom: 0;
font-size: medium;
} }
#acc_settings:hover{ #acc_settings{
background: var(--btn-h-bg); margin: 0 0 0 .3em;
font-size: large;
padding: .3em;
} }
.popup.show { .popup.show {

View file

@ -156,11 +156,11 @@
<input id="blogout" type="submit" /> <input id="blogout" type="submit" />
</form> </form>
</span> </span>
<div style="display: inline;"> <div style="display: grid; grid-template-columns: auto max-content;">
<div id="acc_button" class="popup_button btn"> <div id="acc_button" class="tgl btn on">
<p id="acc_name"></p> <p id="acc_name"></p>
</div> </div>
<a id="acc_settings" href="#v=cfg" class="btn" data-dest="cfg">⚙️</a> <a id="acc_settings" href="#v=cfg" class="tgl btn on" data-dest="cfg">⚙️</a>
</div> </div>
</div> </div>