Merge pull request #810 from webrecorder/frontend-minor-visual-updates

frontend/src/components/crawl-list.ts

@@ -451,6 +451,8 @@ export class CrawlList extends LitElement {
         border: 1px solid var(--sl-panel-border-color);
         border-radius: var(--sl-border-radius-medium);
         overflow: hidden;
+        margin-left: var(--row-offset);
+        margin-right: var(--row-offset);
       }
 
       .row {

frontend/src/pages/org/browser-profiles-detail.ts

@@ -269,7 +269,7 @@ export class BrowserProfilesDetail extends LiteElement {
   private renderMenu() {
     return html`
       <sl-dropdown placement="bottom-end" distance="4">
-        <sl-button slot="trigger" caret>${msg("Actions")}</sl-button>
+        <sl-button size="small" slot="trigger" caret>${msg("Actions")}</sl-button>
 
         <ul
           class="text-left text-sm text-neutral-800 bg-white whitespace-nowrap"
@@ -285,7 +285,7 @@ export class BrowserProfilesDetail extends LiteElement {
           >
             <sl-icon
               class="inline-block align-middle px-1"
-              name="pencil-square"
+              name="pencil"
             ></sl-icon>
             <span class="inline-block align-middle pr-2"
               >${msg("Edit name & description")}</span
@@ -314,7 +314,7 @@ export class BrowserProfilesDetail extends LiteElement {
           >
             <sl-icon
               class="inline-block align-middle px-1"
-              name="file-earmark-x"
+              name="trash3"
             ></sl-icon>
             <span class="inline-block align-middle pr-2">${msg("Delete")}</span>
           </li>

frontend/src/pages/org/browser-profiles-list.ts

@@ -139,7 +139,7 @@ export class BrowserProfilesList extends LiteElement {
 
   private renderMenu(data: Profile) {
     return html`
-      <sl-dropdown @click=${(e: Event) => e.preventDefault()}>
+      <sl-dropdown hoist="true" @click=${(e: Event) => e.preventDefault()}>
         <sl-icon-button
           slot="trigger"
           name="three-dots"
@@ -178,7 +178,7 @@ export class BrowserProfilesList extends LiteElement {
           >
             <sl-icon
               class="inline-block align-middle px-1"
-              name="file-earmark-x"
+              name="trash3"
             ></sl-icon>
             <span class="inline-block align-middle pr-2">${msg("Delete")}</span>
           </li>

frontend/src/pages/org/crawl-detail.ts

@@ -440,7 +440,7 @@ export class CrawlDetail extends LiteElement {
                 style="--sl-color-neutral-700: var(--danger)"
                 @click=${() => this.deleteCrawl()}
               >
-                <sl-icon name="trash" slot="prefix"></sl-icon>
+                <sl-icon name="trash3" slot="prefix"></sl-icon>
                 ${msg("Delete Crawl")}
               </sl-menu-item>
             `

frontend/src/pages/org/workflow-detail.ts

@@ -473,7 +473,7 @@ export class WorkflowDetail extends LiteElement {
             @click=${() =>
               shouldDeactivate ? this.deactivate() : this.delete()}
           >
-            <sl-icon name="trash" slot="prefix"></sl-icon>
+            <sl-icon name="trash3" slot="prefix"></sl-icon>
             ${
               shouldDeactivate
                 ? msg("Deactivate Workflow")

frontend/src/pages/org/workflows-list.ts

@@ -443,7 +443,7 @@ export class WorkflowsList extends LiteElement {
                 ? this.deactivate(workflow)
                 : this.delete(workflow)}
           >
-            <sl-icon name="trash" slot="prefix"></sl-icon>
+            <sl-icon name="trash3" slot="prefix"></sl-icon>
             ${shouldDeactivate
               ? msg("Deactivate Workflow")
               : msg("Delete Workflow")}