Detailed view tweaks (ghostery#1757)

philipp-classen · Jul 22, 2024 · a27910b · a27910b
1 parent aed282b
commit a27910b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/ui/src/modules/panel/components/list.js b/packages/ui/src/modules/panel/components/list.js
@@ -26,14 +26,14 @@ export default {
         >
           <ui-panel-category-icon name="${name}"></ui-panel-category-icon>
           <ui-text type="label-m">${labels.categories[name]}</ui-text>
-          <slot name="header"></slot>
-          <div layout="grow"></div>
           <ui-icon
             id="arrow"
             name="arrow-down"
             color="gray-600"
             layout="margin:right:-0.5"
           ></ui-icon>
+          <div layout="grow"></div>
+          <slot name="header"></slot>
         </button>
       </ui-action>`}
       <div

diff --git a/packages/ui/src/modules/panel/components/stats.js b/packages/ui/src/modules/panel/components/stats.js
@@ -188,7 +188,7 @@ export default {
                   layout:first-of-type="margin:top:0.5"
                 >
                   <div slot="header" layout="row items:center gap">
-                    <ui-panel-badge>${trackers.length}</ui-panel-badge>
+                    <ui-text type="label-s">${trackers.length}</ui-text>
                   </div>
 
                   <section id="content" layout="column gap:0.5">
@@ -219,12 +219,12 @@ export default {
                                 ${tracker.blocked &&
                                 html`<ui-icon
                                   name="block-s"
-                                  color="gray-400"
+                                  color="danger-700"
                                 ></ui-icon>`}
                                 ${tracker.modified &&
                                 html`<ui-icon
                                   name="eye"
-                                  color="gray-400"
+                                  color="primary-700"
                                 ></ui-icon>`}
                               </a>
                             </ui-text>