Send button not properly aligned

awran5 / react-floating-whatsapp

Simple react component for adding a floating WhatsApp button to your project.

https://react-floating-whatsapp.vercel.app/

MIT License

72 stars 29 forks source link

Send button not properly aligned #31

Open rampatra opened 8 months ago

rampatra commented 8 months ago

The send button is not centered properly as shown in the above picture.

System details

Browser: Version 1.62.162 Chromium: 121.0.6167.164 (Official Build) (arm64) macOS: Sonoma 14.0 MacBook M2

rampatra commented 8 months ago

I think this is because the css of this widget are clashing with tailwindcss or something. This is because I do not see this issue in your demo. Will look more into it.

rampatra commented 8 months ago

Thinking out loud here but we can resolve this in a couple of ways:

Add !important to all css styles you have defined.
Provide override ability for all the elements like you have for the main div and main whatsapp button.
Wrap your React component in a secluded style context to prevent such a clash.