fix(settings): Fix integration filter clear button

toggl · Dec 11, 2019 · fcd96d0 · fcd96d0
1 parent 8c98630
commit fcd96d0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/html/settings.html b/src/html/settings.html
@@ -326,8 +326,8 @@ <h3>Integrations</h3>
           </div>
           <p>Enable the tools you want to use with Toggl Button. You can enable everything by clicking the "Enable all" button.</p>
           <div class="permissions-toolbar" data-id="regular">
+            <input type="text" id="permission-filter" placeholder="Filter integrations"/>
             <a href="javascript:void(0)" id="filter-clear">&times;</a>
-            <input type="text" id="permission-filter" placeholder="Search" />
             <div class="button-container">
               <button class="enable-all button">Enable all</button>
               <button class="disable-all button">Disable all</button>

diff --git a/src/styles/settings.css b/src/styles/settings.css
@@ -487,14 +487,14 @@ section .field--showDetails .subsettings-details {
 }
 
 #permission-filter {
-  width: 376px;
+  box-sizing: border-box;
+  width: 400px;
 }
 
 #filter-clear {
   opacity: 0;
-  position: absolute;
   margin-top: 16px;
-  left: 425px;
+  margin-left: -25px;
   color: var(--text-color);
   text-decoration: none;
   font-weight: 700;