change button place

src/app/styles/module/login.module.scss

@@ -187,6 +187,14 @@
 	margin-bottom: 18px;
 	margin: 20px 0 0 0;
 
+/* 	&.save {
+		background: #0d50e0;
+
+		&:hover:not(:disabled) {
+			background: #355fd3;
+		}
+	} */
+
 	&:hover:not(:disabled) {
 		background: #1d4ed8;
 	}

src/app/ui/forms/create-staff-form.tsx

@@ -301,17 +301,6 @@ export function CreateStaffForm({ onSuccess }: { onSuccess?: () => void }) {
 					<div className="templates-section">
 						<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '10px' }}>
 							<h3 style={{ margin: 0 }}>{tGeneral('template-management')}</h3>
-							<div style={{ display: 'flex', gap: '8px' }}>
-								<button
-									type="button"
-									onClick={() => setShowSaveDialog(true)}
-									className="btn-icon"
-									title={tGeneral('save-current-as-template')}
-									disabled={isPending}
-								>
-									<IconDiscet />
-								</button>
-							</div>
 						</div>
 
 						<div style={{ display: 'flex', gap: '10px', alignItems: 'center' }}>
@@ -412,18 +401,30 @@ export function CreateStaffForm({ onSuccess }: { onSuccess?: () => void }) {
 					</p>
 				)}
 
-				<button
+				<div style={{ display: 'flex', gap: '8px' }}>
-					type="submit"
+					<button
-					className={`${styles['btn']}`}
+						type="button"
-					disabled={isPending}
+						onClick={() => setShowSaveDialog(true)}
-				>
+						className={`${styles['btn']} ${styles['save']}`}
-					{tGeneral('create')}
+						title={tGeneral('save-current-as-template')}
-					{isPending && (
+						disabled={isPending}
-						<div className="loading-animation">
+					>
-							<div className="global-spinner"></div>
+						{tGeneral('save-template')}
-						</div>
+					</button>
-					)}
+
-				</button>
+					<button
+						type="submit"
+						className={`${styles['btn']}`}
+						disabled={isPending}
+					>
+						{tGeneral('create-stuff')}
+						{isPending && (
+							<div className="loading-animation">
+								<div className="global-spinner"></div>
+							</div>
+						)}
+					</button>
+				</div>
 			</form>
 
 			<ModalWindow state={showSaveDialog} callBack={setShowSaveDialog}>

src/i18n/messages/en.json

@@ -221,7 +221,8 @@
 		"delete-template-confirm": "Delete template",
 		"delete-template-warning": "Are you sure you want to delete this template?",
 		"save": "Save",
-		"delete": "Delete"
+		"delete": "Delete",
+		"create-stuff": "Create stuff"
 	},
 	"Login-register-form": {
 		"and": "and",

src/i18n/messages/ru.json

@@ -221,7 +221,8 @@
 		"delete-template-confirm": "Удалить шаблон",
 		"delete-template-warning": "Вы уверены, что хотите удалить шаблон?",
 		"save": "Сохранить",
-		"delete": "Удалить"
+		"delete": "Удалить",
+		"create-stuff": "Создать сотрудника"
 	},
 	"Login-register-form": {
 		"and": "и",