updated deps, tuned icons

Signed-off-by: quobix <[email protected]>
pb33f · Dec 2, 2023 · d6b998b · d6b998b
1 parent 86f4245
commit d6b998b
Show file tree

Hide file tree

Showing 3 changed files with 363 additions and 315 deletions.
diff --git a/ui/src/components/controls/controls.css.ts b/ui/src/components/controls/controls.css.ts
@@ -28,11 +28,12 @@ export default css`
   
   sl-button::part(base) {
     font-family: var(--font-stack);
+    margin-top: 6px;
   }
   
   .filters-badge::part(base) {
     font-size: 0.5rem;
-    margin-top: 5px;
+    margin-top: 17px;
     margin-right: 5px;
     background-color: var(--primary-color);
   }

diff --git a/ui/src/components/controls/controls.ts b/ui/src/components/controls/controls.ts
@@ -202,12 +202,12 @@ export class WiretapControlsComponent extends LitElement {
         }
 
         return html`
-            <sl-button @click=${this.openFilters} variant="default" size="medium" class="gear" circle outline>
-                <sl-icon name="funnel" label="filters" class="gear"></sl-icon>
+            <sl-button @click=${this.openFilters} variant="default" size="medium" circle outline>
+                <sl-icon name="funnel" label="filters"></sl-icon>
                 ${filtersBadge}
             </sl-button>
-            <sl-button @click=${this.openSettings} variant="default" size="medium" class="gear" circle outline>
-                <sl-icon name="gear" label="controls" class="gear"></sl-icon>
+            <sl-button @click=${this.openSettings} variant="default" size="medium" circle outline>
+                <sl-icon name="gear" label="controls" ></sl-icon>
             </sl-button>
             <sl-drawer label="wiretap controls" class="drawer-focus" id="controls-drawer">
                 <a id="downloadReport" style="display:none"></a>