Limit popover max width, trigger on hover

ee/app/assets/javascripts/diffs/components/code_quality_gutter_icon.vue

@@ -63,9 +63,9 @@ export default {
       class="gl-hover-cursor-pointer codequality-severity-icon"
     />
     <gl-popover
-      triggers="click blur"
+      triggers="hover focus"
       placement="topright"
-      :css-classes="['gl-max-w-none', 'gl-w-half']"
+      :css-classes="['gl-max-w-max-content', 'gl-w-half']"
       :target="`codequality-${filePath}:${line}`"
       :title="$options.i18n.popoverTitle"
     >

ee/spec/frontend/diffs/components/code_quality_gutter_icon_spec.js

@@ -73,10 +73,10 @@ describe('EE CodeQualityGutterIcon', () => {
       createComponent();
     });
 
-    it('opens a popover on click', () => {
+    it('shows a popover on hover', () => {
       const popoverTarget = 'codequality-index.js:3';
 
-      wrapper.findComponent(GlIcon).trigger('click');
+      wrapper.findComponent(GlIcon).trigger('mouseover');
 
       expect(wrapper.find(GlPopover).props().target).toBe(popoverTarget);
     });