[bug] More editor UI Sanding

[drfarrell]

1. for some reason the flexbox inputs got messed up here. We need to revert it back to where it was before. Seems like the width of the dropdown got condensed.

2. The gap here between fields is too wide – needs to be incremented to be smaller (class="space-y-2 px-4 py-4")

3. Remove the tooltip arrow and give it a mt-1 so there's a bit of space below the button here on the history button.

4. Vertically center the icons inline with the text of the buttons in the subscriptions page. Right now the icons are top-left but I need them inline.

5. When there is a padding, corner rounding, border thickness, or margin value applied in the topbar, I need the color of the text and the color of the icon to be text-foreground-primary, even when not hovered. This tells the user that something is applied and it's important that the text and the icon are text-foreground-primary

6. The border thickness slider min and max values should be 0px to 16px in the following increments:
   0, 0.25, 0.5,0.75,1, 1.5, 2, 2.5,3,3.5, 4, 4.5, 5, 6, 7,8,9,10,11,12,13,14,15,16. Then, the user can still input different values in the input box and the slider will position itself in the closest position. When the user select an increment that falls within the tailwind classes, use the class instead of a pixel value.

7. The corner radius slider min and max values should be 0px to 16px in the following increments:
   0, 0.25, 0.5,0.75,1, 1.5, 2, 2.5,3,3.5, 4, 4.5, 5, 6, 7,8,9,10,11,12,13,14,15,16. Then, the user can still input different values in the input box and the slider will position itself in the closest position. When the user select an increment that falls within the tailwind classes, use the class instead of a pixel value.

rounded-xs | border-radius: var(--radius-xs); /* 0.125rem (2px) /
rounded-sm | border-radius: var(--radius-sm); / 0.25rem (4px) /
rounded-md | border-radius: var(--radius-md); / 0.375rem (6px) /
rounded-lg | border-radius: var(--radius-lg); / 0.5rem (8px) /
rounded-xl | border-radius: var(--radius-xl); / 0.75rem (12px) /
rounded-2xl | border-radius: var(--radius-2xl); / 1rem (16px) /
rounded-3xl | border-radius: var(--radius-3xl); / 1.5rem (24px) /
rounded-4xl | border-radius: var(--radius-4xl); / 2rem (32px) */

[drfarrell]

This is being handled by devin – heads up to the community.

[drfarrell]

@Rish-it would you be up for continuing this PR or checking it over? I think you'd be able to scan through it in like 5 mins.

[Rish-it]

Sure!! @drfarrell I will take a took..