Update layout

public/css/style.css

@@ -148,3 +148,12 @@ body.stag_rhs_collapsed .app-right-panel {
 .main-row > main {
     flex-grow: 1;
 }
+html, body {
+    height: 100%;
+}
+body>nav.navbar {
+    height: 55px;
+}
+.stag-content {
+    height: calc(100% - 55px);
+}

public/js/mc.js

@@ -90,6 +90,7 @@ $(document).ready(function () {
         icon.removeClass().addClass('fa fa-arrow-left');
     }
     initFastLoad();
+    initializeCalendar();
 });
 function enableTimeSpecificFields(_checked, _valueClass, _rangeClass) {
     if(_valueClass) $('.' + _valueClass).prop('disabled', _checked);

resources/views/app/dashboard.blade.php

@@ -1,7 +1,7 @@
 @extends ('layouts.template')
 
 @section('content')
-    <div class="mt-3">
+    <div class="p-3">
         <div class="container m-0 mt-4">
             <div class="row">
                 <div class="col-md-4">

resources/views/app/patients.blade.php

@@ -2,7 +2,8 @@
 
 @section('content')
 
-    <div class="card mt-3">
+    <div class="p-3">
+    <div class="card">
 
         <div class="card-header">
             <strong>
@@ -52,5 +53,6 @@
             Pagination Later
         </div>
     </div>
+    </div>
 
 @endsection

resources/views/layouts/patient.blade.php

@@ -1,8 +1,8 @@
 @extends('layouts.template')
 
 @section('content')
-    <div class="container-fluid">
-        <div class="main-row">
+    <div class="container-fluid h-100">
+        <div class="main-row h-100">
             <nav id="sidebarMenu" class="d-md-block bg-light sidebar collapse px-0">
                 <div class="sidebar-sticky pt-3">
                     <ul class="nav flex-column mcp-theme-1">