fix/mobile layout

src/auth/forgotPass.js

@@ -47,7 +47,7 @@ module.exports = (users) => {
             $set: { resetToken: token, resetTokenExpires: expiration }
         });
 
-        const resetUrl = `http://localhost:${PORT}/reset/${token}`;
+        const resetUrl = `https://rcalculator.sowinski.dev/${PORT}/reset/${token}`;
 
         const mailSend = {
             from: process.env.EMAIL_USER,

src/views/dashboard.ejs

@@ -3,7 +3,7 @@
 
         <main class="pt-24 pb-14">
             <!-- Buttons -->
-            <div class="flex justify-end gap-4 px-5 py-6">
+            <div class="flex md:justify-end justify-center gap-4 px-5 py-6 md:py-0">
                 <a href="/assets?popup"
                     id="addAss" class="text-center cursor-pointer min-w-[150px] bg-green-600 px-4 py-2 text-white rounded hover:bg-green-800"
                     type="button">Add Asset</a>
@@ -14,7 +14,8 @@
             <div class="w-full">
                 <div class="mb-12 grid grid-cols-1  md:grid-cols-2 lg:grid-cols-3 gap-y-4 gap-x-6">
                     <% if (plans.length === 0) { %>
-                        <div class="col-span-1 col-start-2  ml-28 mt-25">
+                        <div class="flex justify-center md:col-start-2">
+                            <div class="col-span-1 mt-25">
                                 <div class="w-86 p-4 bg-white rounded-lg shadow-xl border border-slate-200">
                                     <h1 class="text-2xl block text-center font-semibold text-slate-700">Don't have any retirement plans? </h1>                              
                                     <div class="mt-4 flex justify-center items-center">                                
@@ -26,6 +27,7 @@
                                     </div>
                                 </div>
                             </div>
+                        </div>
 
                     <% } else %>
                         <% plans.forEach(plan=> { %>