icons and logos

static/css/styles.css

@@ -2586,7 +2586,7 @@ dialog::backdrop {
 }
 
 .hide-preview-line-numbers .preview {
-  padding-left: 24px;
+  padding-left: 0;
 }
 
 .hide-preview-line-numbers .preview-source-line::before {
@@ -6148,4 +6148,54 @@ dialog::backdrop {
 
 .pad-page .participant-badges:empty {
   display: none;
-}
+}
+/* Unified RustPad resource identity used by notes and workspaces. */
+.resource-brand {
+  display: grid;
+  flex: 0 0 auto;
+  gap: 2px;
+  min-width: 82px;
+  line-height: 1;
+}
+
+.resource-brand__logo {
+  display: inline-block;
+  width: fit-content;
+  font-size: .78rem;
+  font-weight: 800;
+  letter-spacing: -.02em;
+  text-decoration: none;
+}
+
+
+.resource-brand__kind {
+  width: fit-content;
+  padding-left: 0;
+  color: var(--text-heading);
+  font-size: .72rem;
+  font-weight: 650;
+  letter-spacing: .01em;
+  text-decoration: none;
+}
+
+.resource-brand__kind:hover,
+.resource-brand__kind:focus-visible,
+.resource-brand__logo:hover,
+.resource-brand__logo:focus-visible {
+  color: var(--link-hover);
+}
+
+@media (max-width: 520px) {
+  .resource-brand {
+    min-width: 70px;
+  }
+
+  .resource-brand__logo {
+    font-size: .72rem;
+  }
+
+  .resource-brand__kind {
+    padding-left: 0;
+    font-size: .68rem;
+  }
+}