Etemplate: Password widget css improvements

Fixes buttons blocked by long passwords
This commit is contained in:
nathangray 2020-07-06 11:41:07 -06:00
parent 34cbc6880a
commit ca8742e10b

View File

@ -101,18 +101,19 @@ div.et2_hbox > div {
* Password widget * Password widget
*/ */
.et2_password { .et2_password {
display: inline-block; display: flex;
flex-direction: row;
border: 1px solid #e6e6e6; border: 1px solid #e6e6e6;
padding-right: 14px;
white-space: nowrap; white-space: nowrap;
min-width: fit-content;
} }
.et2_password > input { .et2_password > input {
border: none; border: none;
margin-right: -23px; flex-grow: 2;
padding-right: 10px; min-width: 20ex;
} }
.et2_password .show_hide { .et2_password > input:focus {
margin-left: -5px; outline: none;
} }
.et2_password > * { .et2_password > * {
vertical-align: middle; vertical-align: middle;