Flex the power of flexbox to make sure the eye never wraps

Author: Fingel

tom_common/templates/tom_common/partials/revealable_password_input.html

@@ -1,11 +1,11 @@
-<div style="cursor:pointer;"
+<div style="cursor:pointer; display:flex; align-items:center; gap:0.25rem;"
      title="Click to reveal"
      onclick="var i=this.querySelector('input'); i.type = i.type === 'password' ? 'text':'password';">
     <input
         type="password"
         readonly
         value="{{ value }}"
         class="form-control-plaintext p-0"
-        style="display:inline; width:auto; cursor:pointer;"
-    /> <i class="fa fa-eye"></i>
+        style="flex:1; min-width:0; cursor:pointer;"
+    /> <i class="fa fa-eye" style="flex-shrink:0;"></i>
 </div>