[scrobbles] Fix note display to be sticky notes

vrobbler/templates/base.html

@@ -167,6 +167,37 @@
         box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
         }
         #scrobble-form { width: 100% }
+
+        .sticky-notes-container {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 8px;
+        }
+
+        .sticky-note {
+            padding: 8px;
+            border: 1px solid #ccc;
+            max-width: 200px;
+            font-size: 0.9em;
+            line-height: 1.3;
+            background: #fff9c4;
+        }
+
+        .sticky-note:nth-child(even) {
+            background: #ffccbc;
+        }
+
+        .sticky-note:nth-child(3n) {
+            background: #b3e5fc;
+        }
+
+        .sticky-note:nth-child(4n) {
+            background: #c8e6c9;
+        }
+
+        .sticky-note:nth-child(5n) {
+            background: #e1bee7;
+        }
         </style>
         {% block head_extra %}{% endblock %}