fix(desktop): don't shift sections on macOS if window is small (#1235)

packages/desktop/app/stylesheets/renderer.css

@@ -9,12 +9,14 @@
   transition: 0.15s padding ease;
 }
 
-.mac-desktop #app.collapsed-notes.collapsed-navigation #editor-column {
-  padding-top: 18px;
-}
+@media screen and (min-width: 768px) {
+  .mac-desktop #app.collapsed-notes.collapsed-navigation #editor-column {
+    padding-top: 18px;
+  }
 
-.mac-desktop #app.collapsed-navigation #items-column {
-  padding-top: 18px;
+  .mac-desktop #app.collapsed-navigation #items-column {
+    padding-top: 18px;
+  }
 }
 
 panel-resizer {

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

@@ -52,6 +52,7 @@ const Navigation: FunctionComponent<Props> = ({ application }) => {
         <SearchBar
           itemListController={viewControllerManager.itemListController}
           searchOptionsController={viewControllerManager.searchOptionsController}
+          selectedViewTitle={viewControllerManager.navigationController.selected?.title}
         />
         <div className="section-title-bar">
           <div className="section-title-bar-header">

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

@@ -8,11 +8,12 @@ import DecoratedInput from '../Input/DecoratedInput'
 import { observer } from 'mobx-react-lite'
 
 type Props = {
+  selectedViewTitle?: string
   itemListController: ItemListController
   searchOptionsController: SearchOptionsController
 }
 
-const SearchBar = ({ itemListController, searchOptionsController }: Props) => {
+const SearchBar = ({ itemListController, searchOptionsController, selectedViewTitle = 'Notes' }: Props) => {
   const searchInputRef = useRef<HTMLInputElement>(null)
 
   const { noteFilterText, setNoteFilterText, clearFilterText, onFilterEnter } = itemListController
@@ -52,7 +53,7 @@ const SearchBar = ({ itemListController, searchOptionsController }: Props) => {
           container: 'px-1',
           input: 'placeholder:text-passive-0',
         }}
-        placeholder="Search"
+        placeholder={`Search in ${selectedViewTitle}`}
         value={noteFilterText}
         ref={searchInputRef}
         onBlur={onSearchBlur}