Fleet UI: Remove wrap from disk encryption status, table scroll horiz

[RachelElysia]

Issue

Cerra confidential 8903

Description

• Per product update to spec, instead of wrapping the text or truncating with a tooltip, allow horizontal scroll on the disk encryption status table

Screenrecording of new solution

Screen.Recording.2024-12-26.at.12.03.32.PM.mov

Checklist for submitter

If some of the following don't apply, delete the relevant line.

• Manual QA for all new/changed functionality

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 63.78%. Comparing base (ec43ee2) to head (5ea54e2).
Report is 1 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main   #25017   +/-   ##
=======================================
  Coverage   63.78%   63.78%           
=======================================
  Files        1610     1610           
  Lines      153230   153230           
  Branches     4012     4012           
=======================================
  Hits        97743    97743           
  Misses      47694    47694           
  Partials     7793     7793           

Flag	Coverage Δ
frontend	53.43% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

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

[RachelElysia]

I removed 24px padding left of the filtered host link arrow because it's a lot of dead space between the last column (linux hosts) and the arrow causing unnecessary scroll

[jacobshandling]

If there's another way without using !important, that would be better

[RachelElysia]

I can ask @eugkuo how he feels about removing left padding on that link all together, the column left of it already has right padding so I feel like double padding is just asking for unnecessary white space scroll

[RachelElysia]

tldr: I removed the left padding to the view all host link so the user is less likely to need to scroll over to view it. I had to use !important which is ill-advised in frontend land to get it to apply without updating the component itself

@eugkuo lmkwyt about the double padding. If we can remove it globally, I can remove !important

here's a before picture: #25017 (comment)

[RachelElysia]

Before padding (which causes so much extra white space to scroll horizontally through):