Blend-in style

Use same border color as the field next to it.

Author: rgaudin

src/adminui/templates/auth/login.html

@@ -59,6 +59,8 @@
 			--bs-link-hover-color-rgb: 227,130,14;
 			text-decoration: none;
 		}
+
+		.password-toggle, .password-toggle:hover, .password-toggle:focus { border-color: var(--bs-border-color); }
 	</style>
 	{% endblock %}
 

src/adminui/templates/macros.html

@@ -2,18 +2,18 @@
 <div class="mb-3">
     <label class="form-label" for="{{ name }}">{{ label }}</label>
     <div class="input-group">
-        <input type="password" 
-               class="form-control password-input {% if error %}is-invalid{% endif %}" 
-               name="{{ name }}" 
+        <input type="password"
+               class="form-control password-input {% if error %}is-invalid{% endif %}"
+               name="{{ name }}"
                id="{{ name }}"
                placeholder="{{ placeholder }}"
                {% if error %}aria-describedby="{{ name }}Feedback"{% endif %}>
-        
-        <button class="btn btn-outline-secondary password-toggle" type="button">
+
+        <button class="btn password-toggle" type="button">
             {% include "icons/eye.svg" %}
             {% include "icons/eye-slash.svg" %}
         </button>
-        
+
         {% if error %}<div id="{{ name }}Feedback" class="invalid-feedback">{{ error }}</div>{% endif %}
     </div>
 </div>