Merge pull request #1304 from hypothesis/remove-focus-mode-x-button

Remove "X" icon from toggle button in focus mode

src/sidebar/components/focused-mode-header.js

@@ -4,8 +4,6 @@ const { createElement } = require('preact');
 
 const useStore = require('../store/use-store');
 
-const SvgIcon = require('./svg-icon');
-
 /**
  * Render a control to interact with any focused "mode" in the sidebar.
  * Currently only a user-focus mode is supported but this could be broadened
@@ -55,7 +53,6 @@ function FocusedModeHeader() {
     <div className="focused-mode-header sheet">
       {filterStatus}
       <button onClick={toggleFocusedMode} className="focused-mode-header__btn">
-        <SvgIcon name="cancel" className="focused-mode-header__btn-icon" />
         {buttonText}
       </button>
     </div>

src/styles/sidebar/components/focused-mode-header.scss

@@ -10,7 +10,7 @@
     display: flex;
     margin-left: auto;
     height: 30px;
-    padding-left: 6px;
+    padding-left: 10px;
     padding-right: 10px;
     background-color: $grey-2;
     color: $grey-5;
@@ -19,10 +19,6 @@
     }
   }
 
-  &__btn-icon {
-    margin-right: 3px;
-  }
-
   &__filter-status {
     font-weight: 400;
   }