refactor(layout/inline-title): extract specific styles

apps/client/src/widgets/layout/InlineTitle.css

@@ -19,3 +19,19 @@
         padding: 0;
     }
 }
+
+body.prefers-centered-content .inline-title {
+    margin-inline: auto;
+}
+
+.title-details {
+    margin-top: 0;
+    display: flex;
+    gap: 0.25em;
+    margin: 0;
+    list-style-type: none;
+
+    span.value {
+        font-weight: 500;
+    }
+}

apps/client/src/widgets/layout/NoteTitleActions.css

@@ -4,13 +4,15 @@ body.experimental-feature-new-layout {
     }
 
     .title-actions {
-        max-width: var(--max-content-width);
         padding: 0;
-        padding-inline-start: 24px;
-        padding-inline-end: 16px;
         display: flex;
         gap: 0.25em;
         align-items: center;
+        width: 100%;
+        max-width: unset;
+        padding-inline-start: 15px;
+        padding-bottom: 0.2em;
+        font-size: 0.8em;
 
         .dropdown-menu {
             input.form-control {

apps/client/src/widgets/note_title.css

@@ -64,32 +64,6 @@ body.experimental-feature-new-layout {
         background-color: var(--main-background-color);
     }
 
-    .title-details {
-        margin-top: 0;
-        display: flex;
-        gap: 0.25em;
-        margin: 0;
-        list-style-type: none;
-
-        span.value {
-            font-weight: 500;
-        }
-    }
-
-    .scrolling-container:has(> :is(.note-detail.full-height, .note-list-widget.full-height)),
-    .note-split.type-book {
-        .title-details {
-            width: 100%;
-            max-width: unset;
-            padding-inline-start: 15px;
-            padding-bottom: 0.2em;
-            font-size: 0.8em;
-        }
-    }
-
-    &.prefers-centered-content .title-details {
-        margin-inline: auto;
-    }
 }
 
 body.experimental-feature-floating-titlebar {