When You Need to Delete a Comment… But Your Button Refuses to Cooperate

zidane — Wed, 04 Mar 2026 18:08:35 +0000

So I was tinkering with Genjutsu, this open-source social media app I’m contributing to. One day, I needed to delete one of my own comments. Sounds simple, right? Just click “Delete” and done.

Well… I had to implement that feature myself because the app didn’t have it yet. ✅ Feature: done.

But here’s the kicker aligning the trash icon and the “Delete” text in the button? My CSS and React skills went on strike. The icon wanted to party on the left, the text wanted center stage. They just wouldn’t sit together nicely. 😅

<button className="delete-btn">
  <TrashIcon /> Delete
</button>

It was a real “developer vs. UI” showdown.

Eventually, I left it like that. The backend works perfectly: only the comment owner can delete a comment, which is the important part. The button alignment? Well… let’s call it a quirky feature. 😎

Moral of the story: Open-source is fun, unpredictable, and sometimes your trash icon has a mind of its own.

Node.js Developer available

zidane — Fri, 06 Feb 2026 05:35:02 +0000

Frontend / Node.js Developer available for quick small tasks.

I can help with:
• API Integration
• UI Fix & Responsive Issues
• Small Feature Implementation
• Bug Fixing

Fast turnaround, clear communication, affordable rates.
Available today.

DM me if you need quick help.
Portfolio: https://tahsinzidane.github.io/
GitHub: https://github.com/tahsinzidane

DEV Community: zidane

When You Need to Delete a Comment… But Your Button Refuses to Cooperate

Node.js Developer available