Error popup styling

[rjahn]

Open Contacts Error (DB) and try to change the selected record:

Safari:

Chrome:

Safari shows a small line above buttons (until you move the window) and Chrome doesn't show the line. Both browsers show round gray corners:

So there's something wrong!

The desktop UI:

There's no gray line.

If you test with Messages screen and open the Information:

looks in react UI:

So there's something wrong with styling, because:

Error popup has shadow in header, messages doesn't have such shadow. Error popup has big paddings, message doesn't use the same padding.

With Messages screen, you can test both, with Button:

• Fehler
• Error (closed)

[rjahn]

the error dialog paddings are not good enough, because the right padding is not the same as the left? buttons vs. icon...

[gimmixAT]

There also seems to be a difference between an actual error (e.g. in Contacts Error) and the Error styled Dialog in the Messages screen.

I'd suggest the following adjustments:

• [x] always have icon in the the header to the left of the title
• [x] haromnize paddings
• [x] harmonize visual lines e.g. same distance to left in dialog title and body

[rjahn]

We have different message popups:

• Error dialog for unexpected errors (like Contacts Error) - with Stack Trace
• A message for: info, warning, error

But the only difference should be the Stack Trace... the styling should be the same.

So, please do your recommended changes.

[gimmixAT]

the styling of the two different error dialogs should be harmonized now