fix(password): use flex-end instead of end (#291)

Some browsers lack support for `end` value for `align-items` css prop.

This would make the icon in ToggleButton to be misplaced.

More specifically:
https://github.com/caniuse.com/mdn-css_properties_align-items_flex_context_start_end

Close issue #290

Co-authored-by: Artur Miglio <[email protected]>

Author: arturmiglio

src/components/Password/ToggleButton.ts

@@ -28,7 +28,7 @@ const ToggleButton = styled.button<Pick<InputProps, 'size' | 'variant'>>`
     height: 100%;
     width: ${TOGGLE_MODE_BUTTON_WIDTH};
     right: 0;
-    align-items: ${p => (p.size === 'small' || p.variant === 'bottom-lined' ? 'end' : 'center')};
+    align-items: ${p => (p.size === 'small' || p.variant === 'bottom-lined' ? 'flex-end' : 'center')};
     padding-bottom: ${p => {
         if (p.size === 'small') return '0.25rem';