Fix display mobile view

Author: ThibautPV

src/Views/login.php

@@ -5,7 +5,7 @@
 <?= $this->section('main') ?>
 
     <div class="container d-flex justify-content-center p-5">
-        <div class="card col-5 shadow-sm">
+        <div class="card col-12 col-md-5 shadow-sm">
             <div class="card-body">
                 <h5 class="card-title mb-5"><?= lang('Auth.login') ?></h5>
 
@@ -51,7 +51,7 @@
                         </div>
                     <?php endif; ?>
 
-                    <div class="d-grid col-8 mx-auto m-3">
+                    <div class="d-grid col-12 col-md-8 mx-auto m-3">
                         <button type="submit" class="btn btn-primary btn-block"><?= lang('Auth.login') ?></button>
                     </div>
 

src/Views/magic_link_form.php

@@ -5,7 +5,7 @@
 <?= $this->section('main') ?>
 
 <div class="container d-flex justify-content-center p-5">
-    <div class="card col-5 shadow-sm">
+    <div class="card col-12 col-md-5 shadow-sm">
         <div class="card-body">
             <h5 class="card-title mb-5"><?= lang('Auth.useMagicLink') ?></h5>
 
@@ -22,7 +22,7 @@
                            value="<?= old('email', auth()->user()->email ?? null) ?>" required />
                 </div>
 
-                <div class="d-grid col-8 mx-auto m-3">
+                <div class="d-grid col-12 col-md-8 mx-auto m-3">
                     <button type="submit" class="btn btn-primary btn-block"><?= lang('Auth.send') ?></button>
                 </div>
 

src/Views/magic_link_message.php

@@ -5,7 +5,7 @@
 <?= $this->section('main') ?>
 
 <div class="container d-flex justify-content-center p-5">
-    <div class="card col-5 shadow-sm">
+    <div class="card col-12 col-md-5 shadow-sm">
         <div class="card-body">
             <h5 class="card-title mb-5"><?= lang('Auth.useMagicLink') ?></h5>
 

src/Views/register.php

@@ -5,7 +5,7 @@
 <?= $this->section('main') ?>
 
     <div class="container d-flex justify-content-center p-5">
-        <div class="card col-5 shadow-sm">
+        <div class="card col-12 col-md-5 shadow-sm">
             <div class="card-body">
                 <h5 class="card-title mb-5"><?= lang('Auth.register') ?></h5>
 
@@ -47,7 +47,7 @@
                         <input type="password" class="form-control" name="password_confirm" inputmode="text" autocomplete="new-password" placeholder="<?= lang('Auth.passwordConfirm') ?>" required />
                     </div>
 
-                    <div class="d-grid col-8 mx-auto m-3">
+                    <div class="d-grid col-12 col-md-8 mx-auto m-3">
                         <button type="submit" class="btn btn-primary btn-block"><?= lang('Auth.register') ?></button>
                     </div>