works on mobile

frontend-react/src/components/analyzer/BuildAnalyzerPage.tsx

@@ -69,7 +69,11 @@ const BuildAnalyzerPage: React.FC<RouteComponentProps> = () => {
           otherFocused={otherFocused}
         />
       )}
-      <Button icon={FaWrench} onClick={() => setShowSettings(!showSettings)}>
+      <Button
+        icon={FaWrench}
+        onClick={() => setShowSettings(!showSettings)}
+        mt="1em"
+      >
         {showSettings ? "Hide settings" : "Show settings"}
       </Button>
       {showSettings && (

frontend-react/src/components/analyzer/BuildStats.tsx

@@ -89,7 +89,7 @@ const BuildStats: React.FC<BuildStatsProps> = ({
       <>
         <Flex justifyContent="space-between">
           <Flex fontWeight="bold" mr="1em" mb="0.5em" alignItems="center">
-            <Box mr="0.5em">
+            <Box mr="0.5em" minW="30px">
               <AbilityIcon ability={ability} size="TINY" />
             </Box>
             <IconButton icon={FaChartLine} onClick={() => toggleChart()} />

frontend-react/src/hooks/useAbilityEffects.ts

@@ -30,11 +30,14 @@ function buildToAP(build: Partial<Build>) {
     })
   }
 
+  let subWorth = 3
+
   if (build.clothing) {
     build.clothing.forEach((ability, index) => {
       if (ability !== "UNKNOWN") {
+        if (ability === "AD") subWorth *= 2
         const existing = AP[ability] ?? 0
-        const toAdd = index === 0 ? 10 : 3
+        const toAdd = index === 0 ? 10 : subWorth
         AP[ability] = existing + toAdd
       }
     })
@@ -769,7 +772,6 @@ export default function useAbilityEffects(build: Partial<Build>) {
 
       const effectHit = getEffect(highMidLowHit, amount)
       const effectAtZeroHit = getEffect(highMidLowHit, 0)
-      console.log("effectHit", effectHit)
 
       toReturn.push({
         title: `Baller 55dmg explosion hitbox size`,