fix: horizontal alignment of the indicator (#136)

Fixes #135

**Before:**


![image](https://github.com/os-scar/overlay/assets/98431284/e91a45af-7270-47d5-8767-cc25dadd6c86)

**After:**


![image](https://github.com/os-scar/overlay/assets/98431284/3ca64d21-4ea7-455a-8dc2-cd24099766f8)

Author: Zviki-Zaks

e2e/stackoverflow.spec.js

@@ -20,6 +20,12 @@ test.describe('stackoverflow', () => {
     // check that all advisories are shown in the tooltip's advisories list
     const advisories = overlayModuleName.locator(tooltipSourceSelector);
     await Expect(advisories).toHaveCount(advisoriesNames.length);
+    
+    // check that the issue counter not select with the original text
+    const codeElement = page.locator('code', { hasText: 'module_name' });
+    await codeElement.selectText();
+    const selectionText = await page.evaluate(() => window.getSelection().toString());
+    Expect(selectionText).toEqual('npm install --save module_name');
   });
 
   test('popup page', async ({ page, extensionId }) => {

src/custom-elements/Indicator.vue

@@ -79,11 +79,9 @@ export default defineComponent({
   }
 
   &__wrapper {
-    display: inline-block;
+    display: inline-flex;
     user-select: none;
-    position: relative;
     height: $indicator-height;
-    top: $padding-l1;
     overflow: hidden;
     border-radius: 4px;
     align-items: center;