many styling changes to applets and palettes applet esp.; all applets seeded w. < 3rows bumped to 3 w. new migration in apps.applets; setting palette no longer reloads entire page, only preset background-color vars; two new ITs in apps.dash.tests.ITs.test_views.SetPaletteTest to ensure dash.views functionality fires; unified h2 applet title html structure & styled its text vertically to waste less applet space

src/static_src/scss/_applets.scss

@@ -159,9 +159,38 @@
         ;
         background-color: rgba(0, 0, 0, 0.125);
         border-radius: 0.75rem;
-        padding: 1rem;
+        position: relative;
+        padding: 0.75rem 0.75rem 0.75rem 2rem;
         overflow: hidden;
         min-width: 0;
+
+        > h2 {
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            left: 0;
+            width: 1.5rem;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            writing-mode: vertical-rl;
+            transform: rotate(180deg);
+            font-size: 1rem;
+            letter-spacing: 0.2em;
+            margin: 0;
+            padding-right: 0.2rem;
+            color: rgba(var(--secUser), 1);
+            background-color: rgba(0, 0, 0, 0.125);
+            box-shadow:
+                0 0 0.5rem rgba(var(--priUser), 0.5),
+                0.12rem 0.12rem 0.5rem rgba(0, 0, 0, 0.25),
+            ;
+            white-space: nowrap;
+            overflow: hidden;
+            z-index: 1;
+
+            a { color: rgba(var(--terUser), 1); text-decoration: none; }
+        }
         grid-column: span var(--applet-cols, 12);
         grid-row: span var(--applet-rows, 3);
 

src/static_src/scss/_dashboard.scss

@@ -31,11 +31,9 @@ body.page-dashboard {
 
 #id_applets_container {
     #id_applet_my_notes {
-        padding: 1.25rem 1.5rem;
         display: flex;
         flex-direction: column;
 
-        h2 { flex-shrink: 0; margin-bottom: 0.25rem; }
 
         .my-notes-container {
             flex: 1;
@@ -61,12 +59,10 @@ body.page-dashboard {
         display: flex;
         flex-direction: column;
         gap: 0.25rem;
-
-        h2 { flex-shrink: 0; margin-bottom: 0; }
     }
     
     #id_applet_palette {
-        padding: 0;
+        padding: 0 0 0 1.5rem;
 
         .palette-scroll {
             display: flex;

src/static_src/scss/_wallet-tokens.scss

@@ -101,11 +101,6 @@ body.page-wallet {
     flex-direction: column;
     overflow: visible;
 
-    h2 {
-        flex-shrink: 0;
-        margin-bottom: 0;
-    }
-
     .token-row {
         flex: 1;
         display: flex;