fix: search bar (#1175)

* fix: search bar distance

* fix: desktop window drag

* fix: remove unnecessary div

* fix: shift layout down on macOS if panels collapsed

packages/desktop/app/stylesheets/renderer.css

@@ -5,7 +5,7 @@
 
 /* To offset frameless window nav buttons on Mac */
 .mac-desktop #editor-column,
-.mac-desktop #notes-column {
+.mac-desktop #items-column {
   transition: 0.15s padding ease;
 }
 
@@ -13,7 +13,7 @@
   padding-top: 18px;
 }
 
-.mac-desktop #app.collapsed-navigation #notes-column {
+.mac-desktop #app.collapsed-navigation #items-column {
   padding-top: 18px;
 }
 

packages/web/src/javascripts/Components/Input/DecoratedInput.tsx

@@ -44,7 +44,6 @@ const DecoratedInput = forwardRef(
 
     return (
       <div className={`${classNames.container} ${disabled ? classNames.disabled : ''} ${className}`}>
-        <div className=""></div>
         {left && (
           <div className="flex items-center px-2 py-1.5">
             {left.map((leftChild, index) => (

packages/web/src/javascripts/Components/PanelResizer/PanelResizer.tsx

@@ -356,7 +356,7 @@ class PanelResizer extends Component<Props, State> {
         alwaysVisible={this.props.alwaysVisible}
         pressed={this.state.pressed}
         collapsed={this.state.collapsed}
-        className={this.props.side}
+        className={`panel-resizer ${this.props.side}`}
         onMouseDown={this.onMouseDown}
         ref={this.resizerElementRef}
       />

packages/web/src/javascripts/Components/SearchBar/SearchBar.tsx

@@ -44,7 +44,7 @@ const SearchBar = ({ itemListController, searchOptionsController }: Props) => {
   }, [clearFilterText])
 
   return (
-    <div className="px-2.5 pt-2.5 pb-0.5" role="search">
+    <div className="px-2.5 pt-4 pb-0.5" role="search">
       <DecoratedInput
         autocomplete={false}
         title="Searches notes and files in the currently selected tag"