From ca8742e10b5edf8826259e35b4dae89269b6b445 Mon Sep 17 00:00:00 2001
From: nathangray <nathangray.bsc+github@gmail.com>
Date: Mon, 6 Jul 2020 11:41:07 -0600
Subject: [PATCH] Etemplate: Password widget css improvements

Fixes buttons blocked by long passwords
---
 api/templates/default/etemplate2.css | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/api/templates/default/etemplate2.css b/api/templates/default/etemplate2.css
index 9193908a59..2227145d22 100644
--- a/api/templates/default/etemplate2.css
+++ b/api/templates/default/etemplate2.css
@@ -101,18 +101,19 @@ div.et2_hbox > div {
  * Password widget
  */
 .et2_password {
-	display: inline-block;
+	display: flex;
+	flex-direction: row;
 	border: 1px solid #e6e6e6;
-	padding-right: 14px;
 	white-space: nowrap;
+	min-width: fit-content;
 }
 .et2_password > input {
 	border: none;
-	margin-right: -23px;
-	padding-right: 10px;
+	flex-grow: 2;
+	min-width: 20ex;
 }
-.et2_password .show_hide {
-	margin-left: -5px;
+.et2_password > input:focus {
+	outline: none;
 }
 .et2_password > * {
 	vertical-align: middle;