From 1f939d6f4210dfa85904477d3ce54f9f81f5717d Mon Sep 17 00:00:00 2001
From: Marcin Rataj <lidel@lidel.org>
Date: Sat, 23 Feb 2019 21:37:29 +0100
Subject: [PATCH] style(browserAction): tweak style of active tab items

This removes dotted border and introduces familiar grandient
as sugegsted in
https://github.com/ipfs-shipyard/ipfs-companion/pull/687#issuecomment-466097214
---
 add-on/src/popup/browser-action/context-actions.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/add-on/src/popup/browser-action/context-actions.js b/add-on/src/popup/browser-action/context-actions.js
index 0ad84df76..b860a94a0 100644
--- a/add-on/src/popup/browser-action/context-actions.js
+++ b/add-on/src/popup/browser-action/context-actions.js
@@ -95,8 +95,8 @@ function activeTabActions (state) {
   const showActiveTabSection = (state.active && state.globalRedirectEnabled && state.ipfsNodeType === 'external') || state.isIpfsContext
   if (!showActiveTabSection) return
   return html`
-      <div class="no-select w-100 outline-0--focus tl ba b--dashed b--navy-muted">
-        <div class="ph3 pv2 tr  charcoal bg-snow-muted truncate tl">
+      <div class="no-select w-100 outline-0--focus tl">
+        <div class="ph3 pv2 white f7 ttu" style="background-image: url('../../../images/stars.png'), linear-gradient(to left, #041727 0%,#043b55 100%); background-size: 100%; background-repeat: repeat;">
           ${browser.i18n.getMessage('panel_activeTabSectionHeader')}
         </div>
         ${contextActions(state)}