style/empty note: fix alignment

Author: adoriandoran

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

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

apps/client/src/widgets/note_wrapper.ts

@@ -52,7 +52,7 @@ export default class NoteWrapperWidget extends FlexContainer<BasicWidget> {
 
         const note = this.noteContext?.note;
         if (!note) {
-            this.$widget.addClass("bgfx");
+            this.$widget.addClass("bgfx empty-note");
             return;
         }