Improve tooltip styling

Author: hojberg

src/Code/DefinitionSummaryTooltip.elm

@@ -241,7 +241,7 @@ viewSummary summary =
         Success sum ->
             Just
                 (Tooltip.rich
-                    (div [ class "monochrome" ]
+                    (div [ class "definition-summary-tooltip monochrome" ]
                         (viewSummary_ sum)
                     )
                 )

src/css/code.css

@@ -9,3 +9,4 @@
 @import "./code/empty-state.css";
 @import "./code/hash.css";
 @import "./code/version.css";
+@import "./code/definition-summary-tooltip.css";

src/css/code/definition-summary-tooltip.css

@@ -0,0 +1,12 @@
+.definition-summary-tooltip {
+  display: flex;
+  flex-direction: column;
+  gap: 0.125rem;
+
+  & .fully-qualified-name {
+    font-size: var(--font-size-extra-small);
+    & .segment {
+      color: white;
+    }
+  }
+}