uselotus/lotus

Center and adjust top margin for alert on components

mnida opened this issue · 1 comments

mnida commented

Describe the bug

  1. The alert bell and the text next to it should be centered vertically in that the text and icon should have the same middle point on the x-axis.
  2. We should enforce a 12px margin between the div that contains the alert bell icon and the text and the divider line above. Right now it looks like its a little too small of a margin.

To Reproduce
Steps to reproduce the behavior:

  1. Go to a plan details page. (URL with /plans/{plan_id}). You can get here by clicking on a plan in the plans tab
  2. See the alerts or set alert if the plan has components
    Screen Shot 2023-03-02 at 12 43 28 PM