Merge branches 'main' and 'main' of ssh://github.com/TriliumNext/trilium

apps/client/src/stylesheets/style.css

@@ -1131,10 +1131,6 @@ a.external:not(.no-arrow):after, a[href^="http://"]:not(.no-arrow):after, a[href
     display: inline-block;
 }
 
-.note-detail-empty {
-    margin: 50px;
-}
-
 .modal-header {
     padding: 0.5rem 1rem 0.5rem 1rem !important; /* make modal header padding slightly smaller */
 }

apps/client/src/stylesheets/theme-next/pages.css

@@ -124,12 +124,8 @@
 
 /* The container */
 
-.note-split.empty-note {
-    --max-content-width: 70%;
-}
-
 .note-split.empty-note div.note-detail {
-    margin: 50px auto;
+    margin-inline: auto;
 }
 
 /* The search results list */

apps/client/src/widgets/type_widgets/Empty.css

@@ -1,3 +1,21 @@
+.note-detail-empty {
+    container-type: size;
+    padding-top: 50px;
+    min-width: 350px;
+}
+
+.note-detail-empty > * {
+    margin-inline: auto;
+    max-width: 850px;
+    padding-inline: 50px;
+}
+
+@container (max-width: 600px) {
+    .note-detail-empty > * {
+        padding-inline: 20px;
+    }
+}
+
 .workspace-notes {
     display: flex;
     flex-direction: row;
@@ -14,7 +32,8 @@
 
 .workspace-notes .workspace-note:hover {
     cursor: pointer;
-    border: 1px solid var(--main-border-color);
+    background-color: var(--icon-button-hover-background);
+    border-radius: 8px;
 }
 
 .note-detail-empty-results .aa-dropdown-menu {
@@ -24,6 +43,11 @@
     border-top: 0;
 }
 
+.empty-tab-search label {
+    margin-bottom: 8px;
+    color: var(--muted-text-color);
+}
+
 .empty-tab-search .note-autocomplete-input {
     border-bottom-left-radius: 0;
 }