diff --git a/public/style.css b/public/style.css index 62e8bd088..0ea6d4ea7 100644 --- a/public/style.css +++ b/public/style.css @@ -650,23 +650,6 @@ h3 { margin: 10px 0; } -.menu_button { - /* font-weight: bold; */ - color: var(--white70); - background-color: var(--black50a); - border: 1px solid var(--white30a); - border-radius: 10px; - padding: 10px; - width: min-content; - cursor: pointer; - margin: 10px 0; - transition: 0.3s; -} - -.menu_button:hover { - background-color: var(--white30a); -} - #top-bar h3 { margin: 0; padding: 10px 0; @@ -1247,24 +1230,34 @@ input[type=search]:focus::-webkit-search-cancel-button { cursor: pointer; } -.avatar_div .menu_button, -.form_create_bottom_buttons_block .menu_button, -#select_chat_popup .menu_button { - font-weight: bold; +.menu_button { + /* font-weight: bold; */ color: var(--white70); background-color: var(--black50a); border: 1px solid var(--white30a); border-radius: 10px; - padding: 5px; + padding: 10px; + width: min-content; cursor: pointer; - margin: 0; + margin: 10px 0; transition: 0.3s; - min-height: 40px; +} + +.avatar_div .menu_button, +.form_create_bottom_buttons_block .menu_button, +#select_chat_popup .menu_button { + font-weight: bold; + padding: 5px; + margin: 0; + height: 40px; filter: grayscale(0.5); text-align: center; - font-size: 25px; + font-size: 24px; aspect-ratio: 1; - /* vertical-align: middle; */ +} + +.menu_button:hover { + background-color: var(--white30a); } @@ -1878,7 +1871,7 @@ input[type="range"]::-webkit-slider-thumb { .mes_edit_buttons { display: none; flex-direction: row; - column-gap: 10px; + column-gap: 5px; float: right; cursor: pointer; padding-bottom: 5px; @@ -1888,9 +1881,15 @@ input[type="range"]::-webkit-slider-thumb { .mes_edit_buttons .menu_button { opacity: 0.5; - padding: 5px; + padding: 0px; + font-size: 1rem; + height: 2rem; margin-top: 0; margin-bottom: 0; + aspect-ratio: 1; + display: flex; + justify-content: center; + align-items: center; } .mes_edit_cancel.menu_button {