Cockpit: minor cosmetic issues in web filter

[filippocarletti]

There are 4 minor issues in the cockpit web interface of the web filter:

1. The "Clear all" link in a filter profile is too wide, it may be clicked involuntarily
2. The list of categories is changed even after clicking Cancel
3. Sometimes the list of categories is empty (reload to fix)
4. Sometimes the page is not displayed (spinner forever, reload fixes)

Steps to reproduce

• 3 and 4 are not easily reproducible
• 4 seen only on chrome (firefox seems ok)

Notes:
Point #2: also the block extensions option is remembered after clicking Cancel
Point #4: chrome console shows:

dygraph.js:142 Uncaught Error: Constructing dygraph with a non-existent div!
    at L.__init__ (dygraph.js:142)
    at new L (dygraph.js:88)
    at Dashboard.vue:579
    at Function.<anonymous> (nethserver.js:108)
    at s (cockpit.js:962)
    at cockpit.js:974
    at n (cockpit.js:880)

[andre8244]

Points #1 and #2 should be fixed. Unfortunately, I couldn't reproduce points #3 and #4

[nethbot]

in 7.8.2003/testing:

• nethserver-squid-1.10.10-1.1.g786ec95.ns7.noarch.rpm x86_64 armhfp aarch64

[andre8244]

Test case

• Verify correct behavior for points #1 and #2

[stephdl]

QA

#1 and #2 are good

[gsanchietti]

Since the fix is only for 1 and 2, can we set this to verified @filippocarletti ?

[filippocarletti]

After updating to chrome 85.0.4183.83 I've no longer seen issue 3 and 4.

[nethbot]

in 7.8.2003/updates:

• nethserver-squid-1.10.11-1.ns7.noarch.rpm x86_64 armhfp aarch64