Small UI fixes

[gorkem-bwl]

• Divider is not vertically aligned
• The search component is a bit "higher" than our usual 34px text input widget.

• Bg color of this area to #1c1c1c and border to #515151 or nearest color

• For Teams and Profile we don't really need that bounding box as it's not present in other pages.

• Maintenance window time selector up/down boxes need a darker color from the palette

• The maintenance window time selector popup needs color fixes

• We don't really use line edit explanation areas here, so better remove.

• Highlight colors should be fixed (should be #324153 just like the other dropdown highlight colors). This should be fixed component-wise, not just in this screen

• Maintenance duration window notification shouldn't wrap

• A pagination should be there only if there is a need for it.

• While creating an infrastructure monitor, the links are invisible both for dark and light themes.

[Owaiseimdad]

Assign this to me @gorkem-bwl

[Owaiseimdad]

@gorkem-bwl , do you want to change for all the alerts or this particular?

[ajhollid]

@Owaiseimdad just a heads up here the color system in the theme requires a very specific format in order to work properly.

Please see existing components and color usage to see how this is done. It is not as simple as defining a color that you want for a specific fix.

[Owaiseimdad]

Yes, @ajhollid. Understood that the moment I saw some more objects in the theme file. Looks like we have can have a new key value only for alerts this will make code/theme more separated from other components.

[Owaiseimdad]

Just for my reference here, number of issues which needs to resolved in this ticket.

1. Divider is not vertically aligned
2. The search component is a bit "higher" than our usual 34px text input widget.
3. Bg colour of this area to #1c1c1c and border to #515151 or nearest colour
4. For Teams and Profile we don't really need that bounding box as it's not present in other pages.
5. Maintenance window time selector up/down boxes need a darker colour from the palette
6. The maintenance window time selector popup needs colour fixes
7. We don't really use line edit explanation areas here, so better remove.
8. Highlight colours should be fixed (should be #324153 just like the other dropdown highlight colours). This should be fixed component-wise, not just in this screen
9. Maintenance duration window notification shouldn't wrap
10. A pagination should be there only if there is a need for it.
11. While creating an infrastructure monitor, the links are invisible both for dark and light themes

[gorkem-bwl]

Just for my reference here, number of issues which needs to resolved in this ticket.

1. Divider is not vertically aligned
2. The search component is a bit "higher" than our usual 34px text input widget.
3. Bg colour of this area to #1c1c1c and border to #515151 or nearest colour
4. For Teams and Profile we don't really need that bounding box as it's not present in other pages.
5. Maintenance window time selector up/down boxes need a darker colour from the palette
6. The maintenance window time selector popup needs colour fixes
7. We don't really use line edit explanation areas here, so better remove.
8. Highlight colours should be fixed (should be #324153 just like the other dropdown highlight colours). This should be fixed component-wise, not just in this screen
9. Maintenance duration window notification shouldn't wrap
10. A pagination should be there only if there is a need for it.
11. While creating an infrastructure monitor, the links are invisible both for dark and light themes.

Also, please try to send atomic PRs, maybe 1 PR for 1-3 subtasks, so the reviewer can focus on it without distraction :)

[ajhollid]

@Owaiseimdad some issues still remain here, I checked the ones I think are resovled, if you'd like to keep working on them we'd be happy to reivew more PRs.

Thank you for your contribution!

[Owaiseimdad]

I have raised the PR only for three issues @ajhollid , will raise another PR for other issues soon.