Redesign for modern GNOME/Adwaita

[cassidyjames]

When submitted to GNOME Circle, one critique was the design feeling a bit more like GNOME 2/elementary than GNOME 40+. This is fair, as the current version was a straight port of the layout from the elementary version to GTK4.

Moving forward, I'd love to redesign it a bit to be more adaptive (e.g. fit on phone-sized screens) and to look more at home on GNOME 45 and beyond.

A natural adaptation would be to use a split view with the entries in a list on the left, and the results on the right (similar to the existing layout, but more distinctly grouped). Then at smaller widths, they could fold to fit; I guess I'd want to add a "Calculate" suggested action button on the left side when folded which would just switch over to the right side?

__________________________________________________________________
|     ICON      |                                                 |
|     ICON      |                                                 |
|               |  🔍 Analyze a Display                           |
| Diagonal size |                                                 |
| ____ inches   |                                                 |
|               |  For LoDPI, a DPI range of 90-150 is ideal for  |
| Resolution    |  desktops, while 124-156 is ideal for laptops.  |
| ____x____     |                                                 |
|               |  For HiDPI, 180-300 is ideal for desktops while |
| Type          |  248-312 is ideal for laptops.                  |
| o Laptop      |                                                 |
| o Desktop     |                                                 |
|_______________|_________________________________________________|

_____________________
|       ICON        |
|       ICON        |
|                   |
|   Diagonal size   |
|   ____ inches     |
|                   |
|   Resolution      |
|   ____x____       |
|                   |
|   Type            |
|   o Laptop        |
|   o Desktop       |
|                   |
|   ( Calculate )   |
|___________________|

One remaining question I have is if I can have a multi-entry row in a Libadwaita list, e.g. for the resolution. Making those each on their own line just seems like a lot of chrome.