Make all the modals show in the center of the screen and add a scroll bar.

application/views/components/appointments_modal.php

@@ -15,7 +15,7 @@
  */
 ?>
 <div id="appointments-modal" class="modal fade">
-    <div class="modal-dialog modal-lg">
+    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">
         <div class="modal-content">
             <div class="modal-header">
                 <h3 class="modal-title"><?= lang('edit_appointment_title') ?></h3>

application/views/components/cookie_notice_modal.php

@@ -6,7 +6,7 @@
  */
 ?>
 <div id="cookie-notice-modal" class="modal fade">
-    <div class="modal-dialog">
+    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
         <div class="modal-content">
             <div class="modal-header">
                 <h4 class="modal-title"><?= lang('cookie_notice') ?></h4>

application/views/components/privacy_policy_modal.php

@@ -7,7 +7,7 @@
 ?>
 
 <div id="privacy-policy-modal" class="modal fade">
-    <div class="modal-dialog">
+    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
         <div class="modal-content">
             <div class="modal-header">
                 <h4 class="modal-title"><?= lang('privacy_policy') ?></h4>

application/views/components/select_google_calendar_modal.php

@@ -1,5 +1,5 @@
 <div id="select-google-calendar" class="modal fade">
-    <div class="modal-dialog">
+    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
         <div class="modal-content">
             <div class="modal-header">
                 <h3 class="modal-title"><?= lang('select_google_calendar') ?></h3>

application/views/components/terms_and_conditions_modal.php

@@ -7,7 +7,7 @@
 ?>
 
 <div id="terms-and-conditions-modal" class="modal fade">
-    <div class="modal-dialog">
+    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
         <div class="modal-content">
             <div class="modal-header">
                 <h4 class="modal-title"><?= lang('terms_and_conditions') ?></h4>

application/views/components/unavailabilities_modal.php

@@ -8,7 +8,7 @@
 ?>
 
 <div id="unavailabilities-modal" class="modal fade">
-    <div class="modal-dialog">
+    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
         <div class="modal-content">
             <div class="modal-header">
                 <h3 class="modal-title"><?= lang('new_unavailability_title') ?></h3>

application/views/components/working_plan_exceptions_modal.php

@@ -1,5 +1,5 @@
 <div class="modal" id="working-plan-exceptions-modal">
-    <div class="modal-dialog">
+    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
         <div class="modal-content">
             <div class="modal-header">
                 <h5 class="modal-title"><?= lang('working_plan_exception') ?></h5>