tweaks

src/public/app/widgets/containers/collapsible_section_container.js

@@ -27,9 +27,9 @@ const TPL = `
     }
 
     .section-title .bx {
-        font-size: 170%;
+        font-size: 150%;
         position: relative;
-        top: 6px;
+        top: 3px;
     }
     
     .section-title.active {
@@ -61,7 +61,7 @@ const TPL = `
     
     .section-button-container .bx {
         position: relative;
-        top: 6px;
+        top: 3px;
     }
     
     .section-body {

src/public/app/widgets/type_widgets/read_only_text.js

@@ -41,12 +41,19 @@ const TPL = `
         position: absolute; 
         top: 5px;
         right: 10px;
-        font-size: 130%;
+        font-size: 150%;
+        padding: 5px;
         cursor: pointer;
+        border: 1px solid transparent;
+        border-radius: 5px;
+    }
+    
+    .edit-text-note-button:hover {
+        border-color: var(--main-border-color);
     }
     </style>
 
-    <div class="alert alert-warning no-print edit-text-note-button bx bx-edit-alt"
+    <div class="no-print edit-text-note-button bx bx-edit-alt"
          title="Edit this note"></div>
 
     <div class="note-detail-readonly-text-content ck-content"></div>

src/public/stylesheets/tree.css

@@ -6,12 +6,6 @@ ul.fancytree-container {
     margin-left: 7px !important;
 }
 
-.fancytree-node {
-    padding: 5px;
-    display: block;
-    cursor: pointer;
-}
-
 .fancytree-expander {
     visibility: hidden;
 }
@@ -20,6 +14,14 @@ ul.fancytree-container {
     visibility: visible;
 }
 
+.fancytree-node {
+    padding: 5px;
+    display: block;
+    cursor: pointer;
+    overflow: hidden;
+    white-space: nowrap;
+}
+
 .fancytree-node:not(.fancytree-loading) .fancytree-expander {
     background: none;
     height: auto;