Fix styling of filter blocks

the LI tag was inheriting some funky

ui/src/logs/components/LogsFilter.tsx

@@ -32,13 +32,13 @@ class LogsFilter extends PureComponent<Props, State> {
 
     return (
       <ClickOutside onClickOutside={this.handleClickOutside}>
-        <li className={this.className} onClick={this.handleStartEdit}>
+        <div className={this.className} onClick={this.handleStartEdit}>
           {editing ? this.renderEditor : this.label}
           <div
             className="logs-viewer--filter-remove"
             onClick={this.handleDelete}
           />
-        </li>
+        </div>
       </ClickOutside>
     )
   }

ui/src/logs/components/LogsFilterBar.tsx

@@ -18,7 +18,7 @@ class LogsFilters extends PureComponent<Props> {
     return (
       <div className="logs-viewer--filter-bar">
         <QueryResults count={numResults} queryCount={queryCount} />
-        <ul className="logs-viewer--filters">{this.renderFilters}</ul>
+        <div className="logs-viewer--filters">{this.renderFilters}</div>
       </div>
     )
   }

ui/src/style/pages/logs-viewer.scss

@@ -119,8 +119,6 @@ $logs-viewer-gutter: 60px;
 
 .logs-viewer--filters {
   flex: 1 0 0;
-  margin: 0;
-  padding: 0;
   display: flex;
   align-items: center;
 }
@@ -130,7 +128,6 @@ $logs-viewer-gutter: 60px;
   font-size: 12px;
   display: flex;
   align-items: center;
-  list-style: none;
   padding: 0 2px 0 8px;
   height: 26px;
   border-radius: 4px;
@@ -138,7 +135,7 @@ $logs-viewer-gutter: 60px;
   color: $g13-mist;
   font-weight: 500;
   font-family: $code-font;
-  margin: 2px;
+  margin: 1px;
 
   &.active,
   &:hover {