fixed styles, improved PaginatedTableStyling

apps/hub/app/(auth)/login/_components/Login.tsx

@@ -50,14 +50,14 @@ export const Login = () => {
       <div>
         <Toaster position="top-center" reverseOrder={false} />
       </div>
-      <h1 className="text-3xl font-bold">Login</h1>
+      <h1 className="text-3xl font-bold ">Login</h1>
       <span className="text-sm font-medium">
         Noch keinen Account? Zur{' '}
         <Link href="/register" className="link link-accent link-hover">
           Registrierung
         </Link>
       </span>
-      <label className="input input-bordered flex items-center gap-2">
+      <label className="input input-bordered flex items-center gap-2 w-full">
         <svg
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 16 16"
@@ -79,7 +79,7 @@ export const Login = () => {
           ? form.formState.errors.email.message
           : ''}
       </p>
-      <label className="input input-bordered flex items-center gap-2 mt-2">
+      <label className="input input-bordered flex items-center gap-2 mt-2 w-full">
         <svg
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 16 16"
@@ -100,12 +100,8 @@ export const Login = () => {
           className="grow"
         />
       </label>
-      <div className="form-control mt-6">
-        <button
-          className="btn btn-primary"
-          name="loginBtn"
-          disabled={isLoading}
-        >
+      <div className="card-actions mt-6">
+        <button className="btn btn-primary btn-block" disabled={isLoading}>
           {isLoading && (
             <span className="loading loading-spinner loading-sm"></span>
           )}