Adjust button styles

This commit is contained in:
SillyLossy
2023-04-30 02:05:35 +03:00
parent 28addd6cad
commit 7ac2d78f43
2 changed files with 13 additions and 5 deletions

View File

@@ -1358,11 +1358,12 @@
<div name="NameAndAvatar" class="flex-container flexFlowColumn drawer25pWidth">
<div name="NameChanger">
<form id='form_change_name' action="javascript:void(null);" method="post" enctype="multipart/form-data">
<h4>Name</h4>
<h4>Name</h4>
<div class="change_name">
<input id="your_name" name="your_name" class="text_pole" maxlength="50" value="" autocomplete="off">
<input id="your_name_button" class="menu_button" type="submit" title="Click to set a new User Name (reloads page)" value="Update">
</form>
<div id="your_name_button" class="menu_button fa-solid fa-check" title="Click to set a new User Name">
</div>
</div>
</div>
<div name="AvatarSelector">
<h4>Your Avatar</h4>

View File

@@ -525,6 +525,12 @@ code {
flex-direction: column;
}
.change_name {
display: flex;
flex-direction: row;
gap: 5px;
}
.avatar {
width: 50px;
height: 50px;
@@ -1417,7 +1423,6 @@ input[type=search]:focus::-webkit-search-cancel-button {
}
.menu_button {
/* font-weight: bold; */
color: var(--white70);
background-color: var(--black50a);
border: 1px solid var(--white30a);
@@ -1427,6 +1432,8 @@ input[type=search]:focus::-webkit-search-cancel-button {
cursor: pointer;
margin: 5px 0;
transition: 0.3s;
display: flex;
align-items: center;
}
.avatar_div .menu_button,