diff --git a/ui/src/components/controls/controls.css.ts b/ui/src/components/controls/controls.css.ts index d71ea1c..2bb1617 100644 --- a/ui/src/components/controls/controls.css.ts +++ b/ui/src/components/controls/controls.css.ts @@ -42,9 +42,10 @@ export default css` .filters-badge::part(base) { font-size: 0.5rem; - margin-top: 17px; - margin-right: 5px; background-color: var(--primary-color); + position: absolute; + top: 5px; + left: 25px; } ` \ No newline at end of file diff --git a/ui/src/components/controls/controls.ts b/ui/src/components/controls/controls.ts index d08973d..dc3d9d1 100644 --- a/ui/src/components/controls/controls.ts +++ b/ui/src/components/controls/controls.ts @@ -202,9 +202,8 @@ export class WiretapControlsComponent extends LitElement { } return html` - + ${filtersBadge} - ${filtersBadge} diff --git a/ui/src/css/pb33f.css b/ui/src/css/pb33f.css index 0e96cab..5f3ebf0 100644 --- a/ui/src/css/pb33f.css +++ b/ui/src/css/pb33f.css @@ -108,7 +108,6 @@ main { .three-columns .main-content { - border-bottom: 1px dashed var(--secondary-color); padding: 40px 0 0 20px; font-size: 16px; width: calc(100vw - 365px); diff --git a/ui/src/index.ts b/ui/src/index.ts index ac5c6da..d52082c 100644 --- a/ui/src/index.ts +++ b/ui/src/index.ts @@ -13,6 +13,7 @@ import '@shoelace-style/shoelace/dist/components/drawer/drawer.js'; import '@shoelace-style/shoelace/dist/components/button/button.js'; import '@shoelace-style/shoelace/dist/components/input/input.js'; import '@shoelace-style/shoelace/dist/components/dropdown/dropdown.js'; +import '@shoelace-style/shoelace/dist/components/badge/badge.js'; import '@shoelace-style/shoelace/dist/components/menu/menu.js'; import '@shoelace-style/shoelace/dist/components/menu-item/menu-item.js'; import '@shoelace-style/shoelace/dist/components/divider/divider.js';