Improve Entry Preview layout

[droidmonkey]

• Fix Bug - GUI, notes have limited margins  #7672 - notes preview spans the entire length of the preview pane again
• Fix Allow to copy Header of the Entry-Preview-Panel #4242 - Allow selecting entry title text in preview
• Improve multi-line tag preview
• Fixup alignment and spacing of fields

Screenshots

BEFORE:

AFTER:

Testing strategy

Type of change

• ✅ Bug fix (non-breaking change that fixes an issue)

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 64.27%. Comparing base (aca197a) to head (9aa606e).
Report is 461 commits behind head on develop.

Additional details and impacted files

@@             Coverage Diff             @@
##           develop    #7767      +/-   ##
===========================================
- Coverage    64.31%   64.27%   -0.04%     
===========================================
  Files          339      339              
  Lines        43450    43450              
===========================================
- Hits         27943    27927      -16     
- Misses       15507    15523      +16     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

---

🚨 Try these New Features:

• Flaky Tests Detection - Detect and resolve failed and flaky tests
• JS Bundle Analysis - Avoid shipping oversized bundles

[michaelk83]

Maybe instead of moving the URL, move the tags list, and have it span both columns?
Or maybe like this:

Username  ....           Password  ....
     URL  ....         Expiration  ....
    Tags  [ ... ][ ... ][ ... ][ ... ][ ... ]
   Notes  +---------------------------------+
          |                                 |
          +---------------------------------+

This way, all "identifiers" are together on the left, password and expiry are together on the right, tags and notes both have plenty of room (span both columns).

Though a disadvantage of the latter is that it's harder to visually scan the Username/Password pair when they're not in the same column...

[droidmonkey]

I tried a couple layouts, this one was the best given the current format. Having a lot of tags (or really wordy tags) on a single entry should be rare.

Although your idea and keeping url in upper right might be desirable. I can try that.

[droidmonkey]

@michaelk83 I used your suggestion and left URL in top right, it is much better thank you! Screenshot updated up top.