feature/IO-3499-React-19 - The great button refactor of 2026

client/src/components/time-ticket-calculator/time-ticket-calculator.component.jsx

@@ -95,7 +95,18 @@ export default function TimeTicketCalculatorComponent({
         <Form.Item name="percent">
           <Space.Compact>
             <InputNumber min={0} max={100} precision={1} />
-            <span style={{ padding: "0 11px", backgroundColor: "#fafafa", border: "1px solid #d9d9d9", borderLeft: 0, display: "flex", alignItems: "center" }}>%</span>
+            <span
+              style={{
+                padding: "0 11px",
+                backgroundColor: "#fafafa",
+                border: "1px solid #d9d9d9",
+                borderLeft: 0,
+                display: "flex",
+                alignItems: "center"
+              }}
+            >
+              %
+            </span>
           </Space.Compact>
         </Form.Item>
         <Button htmlType="submit">Calculate</Button>
@@ -112,11 +123,8 @@ export default function TimeTicketCalculatorComponent({
       placement="right"
       destroyOnHidden
     >
-      <Button onClick={(e) => e.preventDefault()}>
-        <Space>
-          Draw Calculator
-          <DownOutlined />
-        </Space>
+      <Button onClick={(e) => e.preventDefault()} icon={<DownOutlined />} iconPlacement="end">
+        Draw Calculator
       </Button>
     </Popover>
   );