styling & subsequent testing bugs fixed across apps.dash.tests.ITs.test_views, functional_tests.test_dashboard,_dashboard.scss & apps/dash/_partials/_applets.html

src/static_src/scss/_dashboard.scss

@@ -57,7 +57,7 @@ body.page-dashboard {
     overflow-y: auto;
     display: grid;
     grid-template-columns: repeat(12, 1fr);
-    grid-auto-rows: calc((100cqw - 11 * var(--grid-gap)) / 12);
+    grid-auto-rows: 3rem;
     gap: var(--grid-gap);
     padding: 0.75rem;
 
@@ -69,6 +69,50 @@ body.page-dashboard {
         grid-column: span var(--applet-cols, 12);
         grid-row: span var(--applet-rows, 3);
     }
+
+    #id_applet_palette {
+        padding: 0;
+        border-color: rgba(var(--secUser), 1);
+
+        .palette-scroll {
+            display: flex;
+            gap: 0.5rem;
+            overflow-x: auto;
+            padding: 1rem;
+            height: 100%;
+            scrollbar-width: none;
+            &::-webkit-scrollbar { display: none; }
+        }
+    }
+
+    #id_applet_username {
+        display: flex;
+        align-items: center;
+
+        .username-field {
+            display: flex;
+            align-items: baseline;
+            gap: 0.1em;
+
+            .username-at{
+                user-select: none;
+                pointer-events: none;    
+            }
+            
+            input {
+                background: transparent;
+                border: none;
+                outline: none;
+                font-size: 1.8rem;
+                font-weight: bold;
+                color: rgba(var(--secUser), 0.875);;
+                font-family: inherit;
+                padding: 0;
+                width: auto;
+            }
+        }
+
+    }
 }
 
 @media (max-height: 500px) {