Fixed continue button in spool select page

client/public/locales/en/common.json

@@ -15,6 +15,7 @@
         "edit": "Edit",
         "cancel": "Cancel",
         "confirm": "Are you sure?",
+        "continue": "Continue",
         "filter": "Filter",
         "clear": "Clear",
         "refresh": "Refresh",

client/src/pages/printing/spoolSelectModal.tsx

@@ -8,6 +8,7 @@ import { t } from "i18next";
 import { useSpoolmanFilamentFilter, useSpoolmanMaterials } from "../../components/otherModels";
 import { removeUndefined } from "../../utils/filtering";
 import { useNavigate } from "react-router-dom";
+import { RightOutlined } from "@ant-design/icons";
 
 interface Props {
   description?: string;
@@ -155,7 +156,7 @@ const SpoolSelectModal: React.FC<Props> = ({ description, onContinue }) => {
             }),
           ])}
         />
-        <Row>
+        <Row gutter={[10, 10]}>
           <Col span={12}>
             <Checkbox
               checked={isAllFilteredSelected}
@@ -192,9 +193,11 @@ const SpoolSelectModal: React.FC<Props> = ({ description, onContinue }) => {
               {t("printing.spoolSelect.showArchived")}
             </Checkbox>
           </Col>
-        </Row>
-      </Space>
+          <Col span={24}>
             <Button
+              type="primary"
+              icon={<RightOutlined />}
+              iconPosition="end"
               onClick={() => {
                 if (selectedItems.length === 0) {
                   messageApi.open({
@@ -205,7 +208,12 @@ const SpoolSelectModal: React.FC<Props> = ({ description, onContinue }) => {
                 }
                 onContinue(dataSource.filter((spool) => selectedItems.includes(spool.id)));
               }}
-      ></Button>
+            >
+              {t("buttons.continue")}
+            </Button>
+          </Col>
+        </Row>
+      </Space>
     </>
   );
 };