style: different appearance tweaks

Author: adoriandoran

apps/client/src/stylesheets/style.css

@@ -2559,5 +2559,4 @@ iframe.print-iframe {
     position: relative;
     flex-grow: 1;
     width: 100%;
-    height: 100%;
 }

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

@@ -674,4 +674,17 @@ html .note-detail-editable-text :not(figure, .include-note, hr):first-child {
 
 .ck-content a.reference-link > span {
     text-decoration: underline;
+}
+
+/*
+ * Read-only text content
+ */
+
+.note-detail-readonly-text:focus-visible {
+    outline: 2px solid var(--input-focus-outline-color);
+    border-radius: 4px;
+}
+
+.note-list-widget {
+    outline: 0 !important;
 }

apps/client/src/widgets/ReadOnlyNoteInfoBar.css

@@ -3,7 +3,7 @@ body.zen div.read-only-note-info-bar-widget {
     max-width: var(--max-content-width);
     border-radius: 8px;
     border: unset;
-    margin: 0 auto;
+    margin: 0 auto 10px auto;
 }
 
 .read-only-note-info-bar-widget-content {

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

@@ -1,6 +1,7 @@
 .calendar-view {
     overflow: hidden;
     position: relative;
+    outline: 0;
     height: 100%;
     user-select: none;
     padding: 10px;
@@ -67,6 +68,7 @@
 }
 
 body.desktop:not(.zen) .calendar-view .calendar-header {
+    padding-block-start: 4px;
     padding-inline-end: 5em;
 }
 

apps/client/src/widgets/react/InfoBar.css

@@ -1,5 +1,5 @@
 .info-bar {
-    --link-color: var(--main-text-color);
+    --link-color: currentColor;
 
     margin-top: 4px;
     contain: unset !important;

apps/client/src/widgets/type_widgets/read_only_text.ts

@@ -33,6 +33,7 @@ const TPL = /*html*/`
     body.heading-style-underline .note-detail-readonly-text h6 { border-bottom: 1px solid var(--main-border-color); }
 
     .note-detail-readonly-text {
+
         padding-inline-start: 24px;
         padding-top: 10px;
         font-family: var(--detail-font-family);