fix meta data panel font sizes

simularium · Jan 13, 2025 · d2f0662 · d2f0662
1 parent eabc972
commit d2f0662
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/src/components/MetadataPanel/index.tsx b/src/components/MetadataPanel/index.tsx
@@ -103,8 +103,12 @@ const MetadataPanel: React.FC<MetadataPanelProps> = ({
         if (!selectedAgentMetadata.uniqueId) {
             return (
                 <div className={styles.noAgentRow}>
-                    <p className={styles.noAgentText}>Nothing to see here...</p>
-                    <p>Select an agent in the viewport to view its metadata.</p>
+                    <p className={styles.noAgentHeading}>
+                        Nothing to see here...
+                    </p>
+                    <p className={styles.noAgentText}>
+                        Select an agent in the viewport to view its metadata.
+                    </p>
                 </div>
             );
         }

diff --git a/src/components/MetadataPanel/style.css b/src/components/MetadataPanel/style.css
@@ -21,7 +21,8 @@
 .container h3 {
     color: var(--dark-theme-text-color-bright);
     font-weight: 400;
-    margin: 0px;
+    /* margin: 0px; */
+    font-size: 16px;
 }
 
 .icon {
@@ -47,16 +48,21 @@
 .no-agent-row {
     display: flex;
     flex-direction: column;
+    font-size: 12px;
 }
 
 .no-agent-row p {
     margin-bottom: 4px;
 }
 
-.no-agent-text {
+p.no-agent-heading {
     font-size: 14px;
 }
 
+p.no-agent-text {
+    font-size: 12px;
+}
+
 .agent-missing-text {
     color: var(--dark-theme-sidebar-text-dim);
     font-size: 13px;