Revert "Adjust exponent alignment"

This reverts commit 723f932356.
2026-03-08 18:41:13 +00:00
parent 723f932356
commit cf0b72269c
1 changed files with 5 additions and 7 deletions
--- a/hdyc-svelte/src/lib/components/ScientificNotationValue.svelte
+++ b/hdyc-svelte/src/lib/components/ScientificNotationValue.svelte
@@ -15,8 +15,7 @@
  <span class={`scientific-notation ${className}`.trim()}>
    <span class="scientific-base">{scientific.base}</span>
    <span class="scientific-suffix">
-      ×10
-      <span class="scientific-exponent">{scientific.exponent}</span>
+      ×10<sup>{scientific.exponent}</sup>
    </span>
  </span>
 {:else}
@@ -34,15 +33,14 @@
  }

  .scientific-suffix {
-    display: inline-block;
+    display: inline-flex;
+    align-items: baseline;
+    gap: 0.15rem;
    font-size: 0.85em;
  }

-  .scientific-exponent {
-    display: inline-block;
+  .scientific-suffix sup {
    font-size: 0.75em;
-    line-height: 1;
    vertical-align: super;
-    margin-left: 0.1rem;
  }
 </style>