simplify css for table infobox

resources/assets/sass/_infobox.scss

@@ -0,0 +1,12 @@
+// box e.g. above a table in the table view
+.infobox {
+	margin-left: auto;
+	margin-right: auto;
+	@include mb(3);
+	@include px(0);
+	@include py(2);
+	justify-content: center;
+	@extend .border;
+	@extend .rounded;
+	@extend .box-shadow;
+}

resources/assets/sass/app.scss

@@ -21,6 +21,8 @@ html {
 @import "bootstrap-customizations/responsive";
 @import "bootstrap-customizations/typography";
 
+@import "infobox";
+
 .bio-table {
 	td {
 		padding-top: dist(2);

resources/views/table/view.blade.php

@@ -21,7 +21,7 @@
   </div>
 </div>
 
-<div class="row mx-auto col-md-12 justify-content-center mb-1 border rounded px-0 py-2 box-shadow mb-3">
+<div class="row col-md-12 infobox">
 
   {{-- Tab panels wrapper --}}
   <div class="col-md-10 tab-content order-1" id="infobox-tabContent">