report print - missing page break fix

Wonky.Client/Components/ReportItemComponent.razor

@@ -17,7 +17,7 @@
 
 @using Wonky.Entity.Views
 
-<div class="report-page d-block">
+<div class="report-page-item d-block">
     <table class="table table-sm table-striped table-bordered d-print-table">
         <thead>
         <tr class="bg-light text-black">

Wonky.Client/Components/TaskItemTableComponent.razor

@@ -27,6 +27,7 @@
             <th scope="col"></th>
             <th scope="col"></th>
             <th scope="col"></th>
+            <th scope="col"></th>
         </tr>
         </thead>
         <tbody>
@@ -46,15 +47,15 @@
                     </label>
                 </td>
                 <td class="align-middle">
-                    <a class="btn btn-light border-dark" href="/tasks/@task.TaskItemId"><i class="oi oi-calendar"></i></a>
+                    <a class="btn btn-light border-dark" href="/tasks/@task.TaskItemId">
+                        <i class="oi oi-calendar"></i>
+                    </a>
                 </td>
-                @*
                 <td class="align-middle">
                     <button type="button" class="btn btn-light border-dark" @onclick="() => CallConfirmationModal(task.TaskItemId)">
                         <i class="oi oi-circle-x"></i>
                     </button>
                 </td>
-                *@
                 <td class="align-middle">
                     <button type="button" class="btn btn-light border-dark" @onclick="() => TaskCompleted(task.TaskItemId)">
                         <i class="oi oi-check"></i>

Wonky.Client/Pages/ReportNewPageAdvisor.razor

@@ -229,6 +229,8 @@
                 <th scope="col">Note</th>
                 <th scope="col" class="text-end">sas</th>
                 <th scope="col" class="text-end">Beløb</th>
+                <th scope="col" class="text-center">T</th>
+                <th scope="col" class="text-center">H</th>
             </tr>
             </thead>
             <tbody>
@@ -242,12 +244,15 @@
                     <td>@activity.OfficeNote</td>
                     <td class="text-end">@activity.SasAmount</td>
                     <td class="text-end">@activity.OrderAmount</td>
+                    <td class="text-center">@if(activity.OurRef.Contains("T:")){<i class="oi oi-phone"></i>}</td>
+                    <td class="text-center">@if(activity.Express){<i class="oi oi-flash"></i>}</td>
                 </tr>
             }
             <tr>
                 <td colspan="5"></td>
                 <td class="text-end">Total</td>
                 <td class="text-end">@_activities.Sum(x => x.OrderAmount)</td>
+                <td colspan="2"></td>
             </tr>
             </tbody>
         </table>

Wonky.Client/Pages/ReportViewPageAdvisor.razor

@@ -20,7 +20,7 @@
 @page "/sales-reports/view/{ReportDate}"
 @attribute [Authorize(Roles = "Advisor,Admin,Supervisor")]
 
-<div class="report-page d-print-block">
+<div class="report-page">
     <div class="row mb-3 d-print-none">
         <div class="col-md-6 align-content-center">
             <h3 class="workDate">@DateTime.Parse(ReportDate).ToLongDateString()</h3>
@@ -57,6 +57,11 @@
         </div>
     }
 </div>
+
+<div class="report-page">
+    &nbsp;
+</div>
+
 @if (_items.Any())
 {
     @foreach (var item in _items)

Wonky.Client/Pages/ReportViewPageOffice.razor

@@ -62,6 +62,10 @@
 
 </div>
 
+<div class="report-page">
+    &nbsp;
+</div>
+
 @if (_items.Any())
 {
     @foreach (var item in _items)

Wonky.Client/wwwroot/appsettings.json

@@ -1,7 +1,7 @@
 {
     "appInfo": {
         "name": "Wonky Client",
-        "version": "0.10.93",
+        "version": "0.10.101",
         "rc": true,
         "sandBox": false,
         "image": "grumpy-coder.png"

Wonky.Client/wwwroot/css/app-v0.10.101.css

@@ -149,11 +149,24 @@ footer.version {
         color-adjust: exact;
     }
     .report-page {
-        /*break-before: page;*/
         break-after: page;
-        
+        /*break-before: page;*/
+
+        height: initial;
+
+        border: initial;
+        border-radius: initial;
+        box-shadow: initial;
+        margin: 0;
+        width: initial;
+        -webkit-print-color-adjust: exact;
+        color-adjust: exact;
+    }
+    .report-page-item {
+        break-after: page;
+        break-inside: avoid-page;
+
         height: initial;
-        /*font-size: 10px;*/
         border: initial;
         border-radius: initial;
         box-shadow: initial;

Wonky.Client/wwwroot/index.html

@@ -13,7 +13,7 @@
     <meta name="theme-color" content="#000" />
     <base href="/" />
     <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
-    <link href="css/app.css" rel="stylesheet" />
+    <link href="css/app-v0.10.101.css" rel="stylesheet" />
     <link href="Wonky.Client.styles.css" rel="stylesheet" />
     <link href="_content/Blazored.Toast/blazored-toast.min.css" rel="stylesheet" />
 </head>