feat: consumable timings

src/components/ModuleButtons/GenericTankComponentButton.tsx

@@ -12,22 +12,35 @@ interface GenericTankComponentButtonProps extends TankComponentButtonProps {
 export function GenericTankComponentButton({
   icon,
   iconStyles,
+  children,
   ...props
 }: GenericTankComponentButtonProps) {
   return (
-    <TankComponentButton disabled={props.disabled} {...props}>
-      <img
-        draggable={false}
-        src={icon}
+    <TankComponentButton {...props}>
+      <div
         style={{
-          width: 32,
-          height: 32,
-          position: 'absolute',
-          opacity: props.disabled ? 0.5 : 1,
-          transform: 'scale(0.75)',
-          ...iconStyles,
+          width: 48,
+          height: 40,
+          position: 'relative',
         }}
-      />
+      >
+        <img
+          draggable={false}
+          src={icon}
+          style={{
+            width: 32,
+            height: 32,
+            position: 'absolute',
+            opacity: props.disabled ? 0.5 : 1,
+            transform: 'translate(-50%, -50%) scale(0.75)',
+            top: '50%',
+            left: '50%',
+            ...iconStyles,
+          }}
+        />
+      </div>
+
+      {children}
     </TankComponentButton>
   );
 }