style: tweak layout

apps/client/src/stylesheets/theme-next/notes/text.css

@@ -647,10 +647,10 @@ html .note-detail-editable-text :not(figure, .include-note, hr):first-child {
     font-weight: 600;
 }
 
-.ck-content hr {
-    margin: 5px 0;
-    height: 1px;
-    background-color: var(--main-border-color);
+:root .ck-content hr {
+    margin-block: 5px;
+    height: 0;
+    border: thin solid var(--main-border-color);
     opacity: 1;
 }
 

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

@@ -372,10 +372,6 @@ body[dir=ltr] #launcher-container {
 .calendar-dropdown-widget .calendar-header [data-calendar-input="month"] {
     --input-background-color: transparent;
     --menu-background-color: transparent;
-
-    text-align: center;
-    font-size: 1.4em;
-    font-weight: 300;
 }
 
 .calendar-dropdown-widget .calendar-header input:not(:focus) {
@@ -425,8 +421,6 @@ body[dir=ltr] #launcher-container {
 }
 
 .calendar-dropdown-widget .calendar-week span {
-    font-size: 0.85em;
-    font-weight: 500;
     color: var(--calendar-weekday-labels-color);
 }
 

apps/client/src/widgets/collections/board/index.css

@@ -14,7 +14,7 @@
   height: 100%;
   display: flex;
   gap: 1em;
-  padding-inline: 12px;
+  margin-inline: var(--content-margin-inline);
   padding-block: 4px;
   align-items: flex-start;
   overflow-x: auto;

apps/client/src/widgets/collections/calendar/index.css

@@ -52,7 +52,7 @@
     --fc-border-color: var(--main-border-color);
     --fc-neutral-bg-color: var(--launcher-pane-background-color);
     --fc-list-event-hover-bg-color: var(--left-pane-item-hover-background);
-    padding: 0 12px;
+    padding: 0 var(--content-margin-inline);
 }
 
 .calendar-container .fc-list-sticky .fc-list-day > * {

apps/client/src/widgets/collections/table/index.css

@@ -13,6 +13,7 @@
 
 .table-view-container {
     height: 100%;
+    margin-inline-start: var(--content-margin-inline);
 }
 
 .search-result-widget-content .table-view {

apps/client/src/widgets/launch_bar/CalendarWidget.css

@@ -35,7 +35,7 @@
 .calendar-dropdown-widget .calendar-header {
     align-items: center;
     display: flex;
-    padding: 0 0.5rem 0.5rem 0.5rem;
+    padding: 0 0.5rem 1rem 0.5rem;
 }
 
 .calendar-dropdown-widget .calendar-header>div {
@@ -65,8 +65,14 @@
     border: 0;
     border-inline-start: unset;
     background-color: var(--menu-background-color);
-    font-weight: bold;
+    font-weight: 400;
     outline: 0;
+    font-weight: 300;
+    font-size: 1.4em;
+}
+
+.calendar-dropdown-widget .calendar-header .dropdown-toggle {
+    justify-content: center;
 }
 
 .calendar-dropdown-widget .calendar-header .dropdown-toggle::after {
@@ -82,18 +88,20 @@
 .calendar-dropdown-widget .calendar-week span {
     flex-direction: column;
     flex: 0 0 12.5%;
-    font-size: 1rem;
-    font-weight: bold;
     max-width: 12.5%;
     padding-top: 5px;
     padding-bottom: 5px;
     text-align: center;
     text-transform: uppercase;
+    font-size: .85em;
+    font-weight: 500;
 }
 
 .calendar-dropdown-widget .calendar-body {
     display: flex;
     flex-wrap: wrap;
+    min-height: 250px;
+    align-items: center;
 }
 
 .calendar-dropdown-widget .calendar-week-number {

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

@@ -4,10 +4,11 @@ body.experimental-feature-new-layout {
     }
 
     .title-actions {
-        --title-actions-padding-start: 12px;
-        --title-actions-padding-end: 8px;
+        --title-actions-padding-start: var(--content-margin-inline);
+        --title-actions-padding-end: var(--content-margin-inline);
 
         display: flex;
+        width: 100%;
         max-width: var(--max-content-width);
         flex-direction: column;
         gap: 0.5em;

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

@@ -11,7 +11,6 @@
 
     position: relative;
     top: 5px;
-    padding: .25em 0;
     display: flex;
     align-items: center;
     overflow-x: auto;

apps/client/src/widgets/search_result.css

@@ -4,8 +4,8 @@
     contain: none !important;
 }
 
-.search-result-widget .note-list {
-    padding: 10px;
+.search-result-widget .note-list-wrapper {
+    margin-inline: var(--content-margin-inline);
 }
 
 .note-split.type-search .scrolling-container {

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

@@ -3,4 +3,8 @@
     margin-inline: 40px;
     flex-direction: column;
     justify-content: center;
+
+    label {
+        margin-bottom: 8px;
+    }
 }

apps/client/src/widgets/type_widgets/helpers/SetupForm.css

@@ -19,4 +19,12 @@
     .tn-link {
         margin-top: 1em;
     }
+
+    label {
+        margin-bottom: 8px;
+    }
+
+    .input-group {
+        margin: 0;
+    }
 }