Fix som Bugs #33

apps/hub/app/_components/ui/DateInput.tsx

@@ -1,11 +1,5 @@
 import DatePicker, { DatePickerProps, registerLocale } from "react-datepicker";
-import {
-	Control,
-	Controller,
-	FieldValues,
-	Path,
-	PathValue,
-} from "react-hook-form";
+import { Control, Controller, FieldValues, Path } from "react-hook-form";
 import { de } from "date-fns/locale";
 registerLocale("de", de);
 
@@ -26,6 +20,7 @@ export const DateInput = <T extends FieldValues>({
 			name={name}
 			render={({ field }) => (
 				<DatePicker
+					className="input input-bordered mt-2"
 					locale={"de"}
 					onChange={(date) => field.onChange(date)}
 					selected={field.value}

apps/hub/app/_components/ui/PageAlert.tsx

@@ -15,19 +15,19 @@ export const WarningAlert = async () => {
 	let msgColor;
 	switch (mainMessage?.color) {
 		case "WARNING":
-			msgColor = "alert alert-warning ml-3";
+			msgColor = "alert alert-soft alert-warning ml-3 py-2";
 			break;
 		case "INFO":
-			msgColor = "alert alert-info ml-3";
+			msgColor = "alert alert-soft alert-info ml-3 py-2";
 			break;
 		case "SUCCESS":
-			msgColor = "alert alert-success ml-3";
+			msgColor = "alert alert-soft alert-success ml-3 py-2";
 			break;
 		case "ERROR":
-			msgColor = "alert alert-error ml-3";
+			msgColor = "alert alert-error ml-3 py-2";
 			break;
 		default:
-			msgColor = "alert ml-3";
+			msgColor = "alert alert-soft ml-3 py-2";
 	}
 
 	if (mainMessage?.message == "" || !mainMessage) {
@@ -36,7 +36,7 @@ export const WarningAlert = async () => {
 		return (
 			<div role="alert" className={msgColor}>
 				<MessageCircleWarning />
-				<span className="font-bold">{mainMessage?.message}</span>
+				<span className="font-bold m-0">{mainMessage?.message}</span>
 			</div>
 		);
 	}