Merge branch 'main' of https://github.com/Monadical-SAS/argo

Author: nikitalokhmachev-ai

src/sidepanel.ts

@@ -112,7 +112,7 @@ class ArgoViewer extends LitElement {
         font-size: 12px;
         font-weight: 500;
         color: #6b6b6b;
-        margin-bottom: 4px;
+        margin-bottom: 6px;
       }
 
       .status-content {
@@ -1008,7 +1008,7 @@ class ArgoViewer extends LitElement {
           <div
             style="display:flex; align-items:center; justify-content:space-between; padding: 0.25rem 1rem;"
           >
-            <div style="display:flex; align-items:center; gap: 0.5rem;">
+            <div style="display:flex; align-items:center;">
               <md-icon-button
                 aria-label="Deselect All"
                 @click=${() => {
@@ -1028,7 +1028,7 @@ class ArgoViewer extends LitElement {
               >
             </div>
 
-            <div style="display:flex; align-items:center; gap: 0.5rem;">
+            <div style="display:flex; align-items:center;">
               <md-icon-button aria-label="Download" @click=${this.onDownload}
                 ><md-icon>download</md-icon></md-icon-button
               >

static/sidepanel.html

@@ -20,6 +20,9 @@
         --md-sys-color-surface-container: white;
         --md-elevated-card-container-color: white;
         --md-icon-size: 20px;
+        --md-icon-button-icon-size: 20px;
+        --md-checkbox-container-size: 16px;
+        --md-checkbox-icon-size: 16px;
 
         --md-sys-color-primary: rgb(220, 101, 3);
         --md-sys-color-surface-tint: rgb(154 70 0);