[frontend] Fix button size in cards views (#9723)

[Gwendoline-FAVRE-FELIX]

Proposed changes

• Fix button size in cards views
• Fix Line Button's color in malware view

Related issues

• Switching between card view and list view introduce size change in the toggle buttons group of a few pixels #9723

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 64.32%. Comparing base (c7a2358) to head (a9f2083).
Report is 34 commits behind head on master.

Additional details and impacted files

@@           Coverage Diff           @@
##           master   #10000   +/-   ##
=======================================
  Coverage   64.32%   64.32%           
=======================================
  Files         656      656           
  Lines       63037    63038    +1     
  Branches     6992     6993    +1     
=======================================
+ Hits        40546    40552    +6     
+ Misses      22491    22486    -5     

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

[Archidoit]

The buttons are changing place when we switch between card view and list view in Arsenal > Malware

The behavior is ok in Threat Actor Groups

[Gwendoline-FAVRE-FELIX]

The buttons are changing place when we switch between card view and list view in Arsenal > Malware

The behavior is ok in Threat Actor Groups

This is another existing bug caused by the scroll bar moving across lines.

[labo-flg]

I do not understand how this fixes the button size ?
When I test, the button height is still different between the two modes (38px and a bit less).

[Gwendoline-FAVRE-FELIX]

Removing the alignItems: 'center' makes it possible to readjust the buttons a little. Before they were 36px high, now they're 37.6979px. Not identical, but close enough to the 38px of the line view.

[aHenryJard]

Tested locally, all good to me.