feat: condensed

src/app/tools/tankopedia/[id]/components/Characteristics/components/ConfigurationChildWrapper.tsx

@@ -1,5 +1,5 @@
+import { Flex } from '@radix-ui/themes';
 import { ReactNode } from 'react';
-import * as styles from '../../../../page.css';
 
 interface ConfigurationChildWrapperProps {
   children: ReactNode;
@@ -8,5 +8,9 @@ interface ConfigurationChildWrapperProps {
 export function ConfigurationChildWrapper({
   children,
 }: ConfigurationChildWrapperProps) {
-  return <div className={styles.configurationChild}>{children}</div>;
+  return (
+    <Flex gap="2" direction="column">
+      {children}
+    </Flex>
+  );
 }

src/app/tools/tankopedia/[id]/components/Characteristics/components/Skills/index.tsx

@@ -61,8 +61,10 @@ export function Skills() {
       </Flex>
 
       <Text>
-        <InfoCircledIcon /> Skills in yellow only apply under special
-        circumstances.
+        <Text color="amber">
+          <InfoCircledIcon /> Yellow
+        </Text>{' '}
+        skills apply under special circumstances.
       </Text>
 
       <Flex direction="column" gap="2">