content, css: general tooltip/icon css cleanup

3 files changed, 14 insertions, 14 deletions

diff --git a/src/content/dependencies/generateContributionTooltip.js b/src/content/dependencies/generateContributionTooltip.js
index 67d6166e..5df88121 100644
--- a/src/content/dependencies/generateContributionTooltip.js
+++ b/src/content/dependencies/generateContributionTooltip.js
@@ -26,7 +26,7 @@ export default {
   generate: (relations, slots, {html}) =>
     relations.tooltip.slots({
       attributes:
-        {class: ['icons', 'icons-tooltip']},
+        {class: 'contribution-tooltip'},
 
       contentAttributes: {
         [html.joinChildren]:
diff --git a/src/content/dependencies/generateContributionTooltipExternalLinkSection.js b/src/content/dependencies/generateContributionTooltipExternalLinkSection.js
index a9d17457..d4342098 100644
--- a/src/content/dependencies/generateContributionTooltipExternalLinkSection.js
+++ b/src/content/dependencies/generateContributionTooltipExternalLinkSection.js
@@ -41,20 +41,19 @@ export default {
             }
 
             return [
-              html.tag('a', {class: 'icon'},
+              html.tag('a', {class: 'external-link'},
                 {href: url},
-                {class: 'has-text'},
 
                 [
                   icon,
 
-                  html.tag('span', {class: 'icon-text'},
+                  html.tag('span', {class: 'external-handle'},
                     (html.isBlank(handle)
                       ? platform
                       : handle)),
                 ]),
 
-              html.tag('span', {class: 'icon-platform'},
+              html.tag('span', {class: 'external-platform'},
                 // This is a pretty ridiculous hack, but we currently
                 // don't have a way of telling formatExternalLink to *not*
                 // use the fallback string, which just formats the URL as
diff --git a/src/content/dependencies/generateExternalIcon.js b/src/content/dependencies/generateExternalIcon.js
index 9f65a275..637af658 100644
--- a/src/content/dependencies/generateExternalIcon.js
+++ b/src/content/dependencies/generateExternalIcon.js
@@ -13,13 +13,14 @@ export default {
   },
 
   generate: (data, slots, {html, language, to}) =>
-    html.tag('svg',
-      html.tag('use', {
-        href:
-          to('staticMisc.icon',
-            language.formatExternalLink(data.url, {
-              style: 'icon-id',
-              context: slots.context,
-            })),
-      })),
+    html.tag('span', {class: 'external-icon'},
+      html.tag('svg',
+        html.tag('use', {
+          href:
+            to('staticMisc.icon',
+              language.formatExternalLink(data.url, {
+                style: 'icon-id',
+                context: slots.context,
+              })),
+        }))),
 };