merged

app/Console/Commands/GenerateTreeCommand.php

@@ -573,13 +573,24 @@ class GenController {
             });
         }
 
+        // ensure uid column is at the start
+        $columns = array_merge(['uid'], array_filter($columns, function($x) {
+            return $x !== 'uid';
+        }));
+
         foreach ($columns as $column) {
 
+            if($column === 'id') continue;
+
             $columnTitle = $this->snakeToTitleCase($column);
             $columnValue = "<?= \$record->$column ?>";
             $hasLink = $controller->hasView && $column === $method->viewLinkField;
             $linkTarget = "/{$controller->name}/view/<?= \$record->uid ?>";
 
+            if(substr($column, -3) === '_at') {
+                $columnValue = "<?= friendly_date_time(\$record->$column) ?>";
+            }
+
             // check if this column has column spec
             if(isset($method->columns[$column])) {
                 $columnTitle = $method->columns[$column]["label"];
@@ -596,6 +607,11 @@ class GenController {
                     $linkTarget = $method->columns[$column]["link"];
                 }
             }
+            else if($column === 'uid') {
+                $columnTitle = '&nbsp;';
+                $columnValue = '<i class="fas fa-share-square"></i>';
+                $hasLink = true;
+            }
 
             $ths[] = "<th>$columnTitle</th>";
             $tds[] = "<td>" .
@@ -648,7 +664,7 @@ class GenController {
             $subLinks[] = ($meth->show ? "@if(\$record->{$meth->show}) " : "") .
                 "<a " .
                 "href='/{$controller->parentControllerName}/view/<?= \$record->uid ?>/{$meth->name}' " .
-                "class='d-block px-3 py-2 border-bottom " .
+                "class='d-block px-3 py-2 border-bottom stag-sublink " .
                 "{{ request()->route()->getActionMethod() === '{$meth->name}' ? 'bg-secondary text-white font-weight-bold' : '' }}" .
                 (
                     $meth->name === 'SUB_dashboard' ?
@@ -750,13 +766,24 @@ class GenController {
             });
         }
 
+        // ensure uid column is at the start
+        $columns = array_merge(['uid'], array_filter($columns, function($x) {
+            return $x !== 'uid';
+        }));
+
         foreach ($columns as $column) {
 
+            if($column === 'id') continue;
+
             $columnTitle = $this->snakeToTitleCase($column);
             $columnValue = "<?= \$subRecord->$column ?>";
             $hasLink = $method->exitURL && $column === $method->viewLinkField;
             $linkTarget = $method->exitURL;
 
+            if(substr($column, -3) === '_at') {
+                $columnValue = "<?= friendly_date_time(\$record->$column) ?>";
+            }
+
             // check if this column has column spec
             if(isset($method->columns[$column])) {
                 $columnTitle = $method->columns[$column]["label"];
@@ -770,6 +797,11 @@ class GenController {
                     $linkTarget = $method->columns[$column]["link"];
                 }
             }
+            else if($column === 'uid') {
+                $columnTitle = '&nbsp;';
+                $columnValue = '<i class="fas fa-share-square"></i>';
+                $hasLink = true;
+            }
 
             $ths[] = "<th>$columnTitle</th>";
             $tds[] = "<td>" .

app/Helpers/Helper.php

@@ -72,3 +72,16 @@ if (!function_exists('value_from_rs')) {
         return $result;
     }
 }
+
+if(!function_exists('friendly_date_time')) {
+    function friendly_date_time($value) {
+        try {
+            $result = strtotime($value);
+            $result = date("j M o, H:i");
+            return $result;
+        }
+        catch (Exception $e) {
+            return $value;
+        }
+    }
+}

generatecv/tree-templates/add_new.template.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>_NAME_: _ADD_TITLE_</div>
         <div class="ml-auto">
             <a class="text-secondary" href="{{route('_BACK_ROUTE_')}}" up-close>

generatecv/tree-templates/dashboard.template.blade.php

@@ -1,7 +1,7 @@
 <div class="row mt-3">
     <div class="col-8">
 
-        <div class="table-responsive p-0 bg-white table-sm">
+        <div class="table-responsive p-0 bg-white table-sm stag-table border-top">
             <table class="table table-hover text-nowrap table-striped border-left border-right border-bottom">
                 <thead>
                 <tr>

generatecv/tree-templates/index.template.blade.php

@@ -1,15 +1,15 @@
 @extends('layouts.pro-logged-in')
 @section('content')
 
-    <h3 class="d-flex my-3 px-3">
+    <h3 class="d-flex my-3 px-3 stag-heading stag-heading-index">
         <div>_NAME_: List</div>
         <div class="ml-auto">
             <!-- _ADD_NEW_LINK_ -->
         </div>
     </h3>
 
-    <div class="table-responsive p-0 bg-white border">
-        <table class="table table-hover text-nowrap">
+    <div class="table-responsive p-0 bg-white border stag-table stag-table-index">
+        <table class="table table-hover text-nowrap table-striped">
             <thead>
             <tr>
 <!-- __SCAFFOLD_THS__ -->

generatecv/tree-templates/info.template.blade.php

@@ -1,3 +1,3 @@
-<h4 class="d-flex my-3 px-3">
+<h4 class="d-flex my-3 px-3 stag-heading stag-heading-info">
     <div>_NAME_: Single [_UID_]</div>
 </h4>

generatecv/tree-templates/sub-action.template.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>_NAME_</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

generatecv/tree-templates/sub-index.template.blade.php

@@ -3,14 +3,14 @@
 
     <div class="pb-3">
 
-        <h5 class='my-3 d-flex'>
+        <h5 class='my-3 d-flex stag-heading stag-heading-sub'>
             <div>_NAME_</div>
             <div class="ml-auto">
                 <!-- _ADD_NEW_LINK_ -->
             </div>
         </h5>
 
-        <div class="table-responsive p-0 bg-white border">
+        <div class="table-responsive p-0 bg-white border stag-table stag-table-sub">
             <table class="table table-hover text-nowrap">
                 <thead>
                 <tr>

public/css/theme.css

@@ -0,0 +1,177 @@
+nav.main-header.navbar {
+    background: #fffcfc; /* Old browsers */
+    background: -moz-linear-gradient(top,  #fffcfc 0%, #b0cee7 100%); /* FF3.6-15 */
+    background: -webkit-linear-gradient(top,  #fffcfc 0%,#b0cee7 100%); /* Chrome10-25,Safari5.1-6 */
+    background: linear-gradient(to bottom,  #fffcfc 0%,#b0cee7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#b0cee7',GradientType=0 ); /* IE6-9 */
+    height: 37px;
+}
+nav.main-header.navbar .nav-link[data-widget="pushmenu"] {
+    height: 37px;
+    line-height: 37px;
+    padding: 0 7px;
+}
+nav.main-header.navbar input[type="search"] {
+    padding: 0;
+    padding-left: 0.5rem;
+    height: 25px !important;
+    border: 1px solid #b0b0b0;
+    border-right: 0;
+    background: #fff !important;
+}
+nav.main-header.navbar input[type="search"]:focus {
+    border: 1px solid #005ca9 !important;
+    border-right: 0 !important;
+    background: #fff !important;
+}
+nav.main-header.navbar input[type="search"]+div.input-group-append>button {
+    height: 25px !important;
+    border: 1px solid #b0b0b0;
+    border-left: 0;
+    padding: 0 0.5rem;
+    line-height: 25px;
+}
+nav.main-header.navbar input[type="search"]:focus+div.input-group-append>button {
+    border: 1px solid #005ca9 !important;
+    border-left: 0 !important;
+    background: #fff !important;
+}
+nav.main-header.navbar #reload-icon {
+    height: 25px !important;
+    padding: 0 0.5rem;
+    line-height: 25px;
+}
+nav.main-header.navbar .stag-search-form {
+    margin-left: 0.5rem !important;
+    width: 200px !important;
+}
+aside.main-sidebar>.brand-link {
+    height: 37px;
+    padding: 0 0.5rem;
+    line-height: 37px;
+}
+aside.main-sidebar>.brand-link>img {
+    opacity: .8;
+    max-height: 25px;
+    margin-top: 6px;
+    margin-left: 17px;
+}
+.nav-sidebar .nav-item>.nav-link {
+    position: relative;
+    padding-top: 3px;
+    padding-bottom: 3px;
+    font-size: 14px;
+}
+.nav-sidebar .nav-item:first-child>.nav-link>i {
+    margin-right: 0;
+}
+.nav-sidebar .nav-item>.nav-link>i {
+    margin-top: 0.25rem;
+}
+.nav-sidebar .nav-item>.nav-link>p {
+    vertical-align: text-bottom;
+}
+.nav-sidebar>.nav-item>.nav-link.active {
+    background-color: #005ca9 !important;
+}
+.stag-table {
+    border-color: #b0b0b0 !important;
+}
+.stag-table.stag-table-index {
+    border-right: 0 !important;
+    border-left: 0 !important;
+}
+.stag-table thead tr {
+    background-color: #f8f8f8;
+}
+.stag-table thead tr th {
+    font-family: Verdana,sans-serif;
+    font-size: 13px;
+    padding: 0.25rem .75rem;
+    font-weight: normal;
+    border-top: 0;
+    border-bottom: 1px solid #b0b0b0;
+}
+.stag-table tbody tr td {
+    font-family: Verdana,sans-serif;
+    font-size: 13px;
+    padding: 0.25rem .75rem;
+    font-weight: normal;
+}
+.stag-heading.stag-heading-index {
+    font-size: 22px;
+    margin: 0.5rem 0 !important;
+}
+.stag-heading.stag-heading-info {
+    font-size: 22px;
+    margin: 0.5rem 0 !important;
+}
+.stag-heading.stag-heading-modal {
+    font-size: 20px;
+    margin: 0;
+    padding: 0.5rem 1rem !important;
+    background: #fffcfc; /* Old browsers */
+    background: -moz-linear-gradient(top,  #fffcfc 0%, #b0cee7 100%); /* FF3.6-15 */
+    background: -webkit-linear-gradient(top,  #fffcfc 0%,#b0cee7 100%); /* Chrome10-25,Safari5.1-6 */
+    background: linear-gradient(to bottom,  #fffcfc 0%,#b0cee7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#b0cee7',GradientType=0 ); /* IE6-9 */
+}
+body .btn {
+    font-size: 13px;
+    padding-top: 2px;
+    padding-bottom: 2px;
+}
+body .btn.btn-primary {
+    background: #fffcfc; /* Old browsers */
+    background: -moz-linear-gradient(top,  #fffcfc 0%, #e0e6ec 100%); /* FF3.6-15 */
+    background: -webkit-linear-gradient(top,  #fffcfc 0%,#e0e6ec 100%); /* Chrome10-25,Safari5.1-6 */
+    background: linear-gradient(to bottom,  #fffcfc 0%,#e0e6ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#e0e6ec',GradientType=0 ); /* IE6-9 */
+    border: 1px solid #a9b0b7;
+    color: #333;
+    text-shadow: 0 1px 0 #fff;
+}
+body .btn.btn-primary:hover,
+body .btn.btn-primary:focus,
+body .btn.btn-primary:active {
+    background: #fffcfc; /* Old browsers */
+    background: -moz-linear-gradient(top,  #fffcfc 0%, #b0cee7 100%); /* FF3.6-15 */
+    background: -webkit-linear-gradient(top,  #fffcfc 0%,#b0cee7 100%); /* Chrome10-25,Safari5.1-6 */
+    background: linear-gradient(to bottom,  #fffcfc 0%,#b0cee7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#b0cee7',GradientType=0 ); /* IE6-9 */
+    border: 1px solid #a9b0b7;
+    color: #005ca9;
+    text-shadow: 0 1px 0 #fff;
+}
+body .btn.btn-default {
+    background: #fffcfc; /* Old browsers */
+    background: -moz-linear-gradient(top,  #fffcfc 0%, #e0e6ec 100%); /* FF3.6-15 */
+    background: -webkit-linear-gradient(top,  #fffcfc 0%,#e0e6ec 100%); /* Chrome10-25,Safari5.1-6 */
+    background: linear-gradient(to bottom,  #fffcfc 0%,#e0e6ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#e0e6ec',GradientType=0 ); /* IE6-9 */
+    border: 1px solid #a9b0b7;
+    color: #333;
+    text-shadow: 0 1px 0 #fff;
+}
+body .btn.btn-default:hover,
+body .btn.btn-default:focus,
+body .btn.btn-default:active {
+    background: #fffcfc; /* Old browsers */
+    background: -moz-linear-gradient(top,  #fffcfc 0%, #b0cee7 100%); /* FF3.6-15 */
+    background: -webkit-linear-gradient(top,  #fffcfc 0%,#b0cee7 100%); /* Chrome10-25,Safari5.1-6 */
+    background: linear-gradient(to bottom,  #fffcfc 0%,#b0cee7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#b0cee7',GradientType=0 ); /* IE6-9 */
+    border: 1px solid #a9b0b7;
+    color: #005ca9;
+    text-shadow: 0 1px 0 #fff;
+}
+.stag-sublink {
+    font-size: 14px;
+    padding: 0.35rem 1rem !important;
+}
+.stag-sublink:hover {
+    background: rgba(0,0,0,.015) !important;
+}
+a {
+    color: #005ca9;
+}

resources/views/admin/facilities/index.blade.php

@@ -1,21 +1,20 @@
 @extends('layouts.pro-logged-in')
 @section('content')
 
-    <h3 class="d-flex my-3 px-3">
+    <h3 class="d-flex my-3 px-3 stag-heading stag-heading-index">
         <div>Facilities: List</div>
         <div class="ml-auto">
             <!-- _ADD_NEW_LINK_ -->
         </div>
     </h3>
 
-    <div class="table-responsive p-0 bg-white border">
-        <table class="table table-hover text-nowrap">
+    <div class="table-responsive p-0 bg-white border stag-table stag-table-index">
+        <table class="table table-hover text-nowrap table-striped">
             <thead>
             <tr>
-<th>Id</th>
+<th>&nbsp;</th>
 <th>Created At</th>
 <th>Type</th>
-<th>Uid</th>
 <th>Deactivated At</th>
 <th>Deactivation Memo</th>
 <th>Is Active</th>
@@ -42,14 +41,13 @@
             <tbody>
             @foreach($records as $record)
                 <tr>
-<td><?= $record->id ?></td>
-<td><?= $record->created_at ?></td>
+<td><a href="/facilities/view/<?= $record->uid ?>"><i class="fas fa-share-square"></i></a></td>
+<td><?= friendly_date_time($record->created_at) ?></td>
 <td><?= $record->type ?></td>
-<td><a href="/facilities/view/<?= $record->uid ?>"><?= $record->uid ?></a></td>
-<td><?= $record->deactivated_at ?></td>
+<td><?= friendly_date_time($record->deactivated_at) ?></td>
 <td><?= $record->deactivation_memo ?></td>
 <td><?= $record->is_active ?></td>
-<td><?= $record->reactivated_at ?></td>
+<td><?= friendly_date_time($record->reactivated_at) ?></td>
 <td><?= $record->reactivation_memo ?></td>
 <td><?= $record->address_city ?></td>
 <td><?= $record->address_country ?></td>

resources/views/admin/facilities/info.blade.php

@@ -1,3 +1,3 @@
-<h4 class="d-flex my-3 px-3">
+<h4 class="d-flex my-3 px-3 stag-heading stag-heading-info">
     <div>Facilities: Single [<?= $record->uid ?>]</div>
 </h4>

resources/views/admin/facilities/subs.blade.php

@@ -1,4 +1,4 @@
-<a href='/facilities/view/<?= $record->uid ?>/SUB_dashboard' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_dashboard' ? 'bg-secondary text-white font-weight-bold' : '' }}{{ strpos(request()->route()->getActionMethod(), 'ACTION_') === 0 ? 'bg-secondary text-white font-weight-bold' : '' }}'>Dashboard</a>
-<a href='/facilities/view/<?= $record->uid ?>/SUB_erx' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_erx' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Erx</a>
-<a href='/facilities/view/<?= $record->uid ?>/SUB_action_items' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_action_items' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Action Items</a>
-<a href='/facilities/view/<?= $record->uid ?>/SUB_audit_log' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_audit_log' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Audit Log</a>
+<a href='/facilities/view/<?= $record->uid ?>/SUB_dashboard' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_dashboard' ? 'bg-secondary text-white font-weight-bold' : '' }}{{ strpos(request()->route()->getActionMethod(), 'ACTION_') === 0 ? 'bg-secondary text-white font-weight-bold' : '' }}'>Dashboard</a>
+<a href='/facilities/view/<?= $record->uid ?>/SUB_erx' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_erx' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Erx</a>
+<a href='/facilities/view/<?= $record->uid ?>/SUB_action_items' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_action_items' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Action Items</a>
+<a href='/facilities/view/<?= $record->uid ?>/SUB_audit_log' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_audit_log' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Audit Log</a>

resources/views/admin/facilities_SINGLE/ACTION_deactivate.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Deactivate</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/facilities_SINGLE/ACTION_reactivate.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Reactivate</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/facilities_SINGLE/ACTION_updateBasic.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Update Basic</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/facilities_SINGLE/ACTION_updateDeactivationMemo.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Update Deactivation Memo</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/facilities_SINGLE/ACTION_updateReactivationMemo.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Update Reactivation Memo</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/facilities_SINGLE/SUB_dashboard.blade.php

@@ -4,7 +4,7 @@
     <div class="row mt-3">
     <div class="col-8">
 
-        <div class="table-responsive p-0 bg-white table-sm">
+        <div class="table-responsive p-0 bg-white table-sm stag-table border-top">
             <table class="table table-hover text-nowrap table-striped border-left border-right border-bottom">
                 <thead>
                 <tr>

resources/views/admin/lobbies/add_new.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Lobbies: Add New</div>
         <div class="ml-auto">
             <a class="text-secondary" href="{{route('lobbies-index')}}" up-close>

resources/views/admin/lobbies/index.blade.php

@@ -1,21 +1,20 @@
 @extends('layouts.pro-logged-in')
 @section('content')
 
-    <h3 class="d-flex my-3 px-3">
+    <h3 class="d-flex my-3 px-3 stag-heading stag-heading-index">
         <div>Lobbies: List</div>
         <div class="ml-auto">
             <a class='btn btn-primary btn-sm ml-2' up-modal=".form-contents" up-width="800" up-history="false" href='/lobbies/add_new'><i class='fa fa-plus-circle' aria-hidden='true'></i> Add New</a>
         </div>
     </h3>
 
-    <div class="table-responsive p-0 bg-white border">
-        <table class="table table-hover text-nowrap">
+    <div class="table-responsive p-0 bg-white border stag-table stag-table-index">
+        <table class="table table-hover text-nowrap table-striped">
             <thead>
             <tr>
-<th>Id</th>
+<th>&nbsp;</th>
 <th>Created At</th>
 <th>Type</th>
-<th>Uid</th>
 <th>Deactivated At</th>
 <th>Deactivation Memo</th>
 <th>Is Active</th>
@@ -34,14 +33,13 @@
             <tbody>
             @foreach($records as $record)
                 <tr>
-<td><?= $record->id ?></td>
-<td><?= $record->created_at ?></td>
+<td><a href="/lobbies/view/<?= $record->uid ?>"><i class="fas fa-share-square"></i></a></td>
+<td><?= friendly_date_time($record->created_at) ?></td>
 <td><?= $record->type ?></td>
-<td><a href="/lobbies/view/<?= $record->uid ?>"><?= $record->uid ?></a></td>
-<td><?= $record->deactivated_at ?></td>
+<td><?= friendly_date_time($record->deactivated_at) ?></td>
 <td><?= $record->deactivation_memo ?></td>
 <td><?= $record->is_active ?></td>
-<td><?= $record->reactivated_at ?></td>
+<td><?= friendly_date_time($record->reactivated_at) ?></td>
 <td><?= $record->reactivation_memo ?></td>
 <td><?= $record->is_client_accessible ?></td>
 <td><?= $record->is_main_welcome_lobby ?></td>

resources/views/admin/lobbies/info.blade.php

@@ -1,3 +1,3 @@
-<h4 class="d-flex my-3 px-3">
+<h4 class="d-flex my-3 px-3 stag-heading stag-heading-info">
     <div>Lobbies: Single [<?= $record->uid ?>]</div>
 </h4>

resources/views/admin/lobbies/subs.blade.php

@@ -1,3 +1,3 @@
-<a href='/lobbies/view/<?= $record->uid ?>/SUB_dashboard' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_dashboard' ? 'bg-secondary text-white font-weight-bold' : '' }}{{ strpos(request()->route()->getActionMethod(), 'ACTION_') === 0 ? 'bg-secondary text-white font-weight-bold' : '' }}'>Dashboard</a>
-<a href='/lobbies/view/<?= $record->uid ?>/SUB_lobby_pros' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_lobby_pros' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Lobby Pros</a>
-<a href='/lobbies/view/<?= $record->uid ?>/SUB_meetings' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_meetings' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Meetings</a>
+<a href='/lobbies/view/<?= $record->uid ?>/SUB_dashboard' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_dashboard' ? 'bg-secondary text-white font-weight-bold' : '' }}{{ strpos(request()->route()->getActionMethod(), 'ACTION_') === 0 ? 'bg-secondary text-white font-weight-bold' : '' }}'>Dashboard</a>
+<a href='/lobbies/view/<?= $record->uid ?>/SUB_lobby_pros' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_lobby_pros' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Lobby Pros</a>
+<a href='/lobbies/view/<?= $record->uid ?>/SUB_meetings' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_meetings' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Meetings</a>

resources/views/admin/lobbies_SINGLE/ACTION_lobby_prosAddNew.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Lobby Pros Add New</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/lobbies_SINGLE/ACTION_putName.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Put Name</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/lobbies_SINGLE/ACTION_putUrlSlug.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Put Url Slug</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/lobbies_SINGLE/ACTION_setIsClientAccessibleToFalse.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Set Is Client Accessible To False</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/lobbies_SINGLE/ACTION_setIsClientAccessibleToTrue.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Set Is Client Accessible To True</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/lobbies_SINGLE/ACTION_setIsStrangerAccessibleToFalse.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Set Is Stranger Accessible To False</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/lobbies_SINGLE/ACTION_setIsStrangerAccessibleToTrue.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Set Is Stranger Accessible To True</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/lobbies_SINGLE/SUB_dashboard.blade.php

@@ -4,7 +4,7 @@
     <div class="row mt-3">
     <div class="col-8">
 
-        <div class="table-responsive p-0 bg-white table-sm">
+        <div class="table-responsive p-0 bg-white table-sm stag-table border-top">
             <table class="table table-hover text-nowrap table-striped border-left border-right border-bottom">
                 <thead>
                 <tr>

resources/views/admin/lobbies_SINGLE/SUB_lobby_pros.blade.php

@@ -3,21 +3,20 @@
 
     <div class="pb-3">
 
-        <h5 class='my-3 d-flex'>
+        <h5 class='my-3 d-flex stag-heading stag-heading-sub'>
             <div>Lobby Pros</div>
             <div class="ml-auto">
                 <a class="btn btn-primary btn-sm" up-modal=".form-contents" up-width="800" up-history="false" href="{{route('lobbies_SINGLE-ACTION_lobby_prosAddNew', ['uid' => $record->uid])}}"><i class='fa fa-plus-circle' aria-hidden='true'></i> Add New</a>
             </div>
         </h5>
 
-        <div class="table-responsive p-0 bg-white border">
+        <div class="table-responsive p-0 bg-white border stag-table stag-table-sub">
             <table class="table table-hover text-nowrap">
                 <thead>
                 <tr>
-                    <th>Id</th>
+                    <th>&nbsp;</th>
 <th>Created At</th>
 <th>Type</th>
-<th>Uid</th>
 <th>Deactivated At</th>
 <th>Deactivation Memo</th>
 <th>Is Active</th>
@@ -33,14 +32,13 @@
                 <tbody>
                 @foreach($subRecords as $subRecord)
                     <tr>
-                        <td><?= $subRecord->id ?></td>
-<td><?= $subRecord->created_at ?></td>
+                        <td><a href="/lobby_pros/view/{{ $subRecord->uid }}"><i class="fas fa-share-square"></i></a></td>
+<td><?= friendly_date_time($record->created_at) ?></td>
 <td><?= $subRecord->type ?></td>
-<td><a href="/lobby_pros/view/{{ $subRecord->uid }}"><?= $subRecord->uid ?></a></td>
-<td><?= $subRecord->deactivated_at ?></td>
+<td><?= friendly_date_time($record->deactivated_at) ?></td>
 <td><?= $subRecord->deactivation_memo ?></td>
 <td><?= $subRecord->is_active ?></td>
-<td><?= $subRecord->reactivated_at ?></td>
+<td><?= friendly_date_time($record->reactivated_at) ?></td>
 <td><?= $subRecord->reactivation_memo ?></td>
 <td><?= $subRecord->created_by_session_id ?></td>
 <td><?= $subRecord->deactivated_by_session_id ?></td>

resources/views/admin/lobbies_SINGLE/SUB_meetings.blade.php

@@ -3,21 +3,20 @@
 
     <div class="pb-3">
 
-        <h5 class='my-3 d-flex'>
+        <h5 class='my-3 d-flex stag-heading stag-heading-sub'>
             <div>Meetings</div>
             <div class="ml-auto">
                 <!-- _ADD_NEW_LINK_ -->
             </div>
         </h5>
 
-        <div class="table-responsive p-0 bg-white border">
+        <div class="table-responsive p-0 bg-white border stag-table stag-table-sub">
             <table class="table table-hover text-nowrap">
                 <thead>
                 <tr>
-                    <th>Id</th>
+                    <th>&nbsp;</th>
 <th>Created At</th>
 <th>Type</th>
-<th>Uid</th>
 <th>Deactivated At</th>
 <th>Deactivation Memo</th>
 <th>Is Active</th>
@@ -44,14 +43,13 @@
                 <tbody>
                 @foreach($subRecords as $subRecord)
                     <tr>
-                        <td><?= $subRecord->id ?></td>
-<td><?= $subRecord->created_at ?></td>
+                        <td><a href="/meetings/view/{{ $subRecord->uid }}"><i class="fas fa-share-square"></i></a></td>
+<td><?= friendly_date_time($record->created_at) ?></td>
 <td><?= $subRecord->type ?></td>
-<td><a href="/meetings/view/{{ $subRecord->uid }}"><?= $subRecord->uid ?></a></td>
-<td><?= $subRecord->deactivated_at ?></td>
+<td><?= friendly_date_time($record->deactivated_at) ?></td>
 <td><?= $subRecord->deactivation_memo ?></td>
 <td><?= $subRecord->is_active ?></td>
-<td><?= $subRecord->reactivated_at ?></td>
+<td><?= friendly_date_time($record->reactivated_at) ?></td>
 <td><?= $subRecord->reactivation_memo ?></td>
 <td><?= $subRecord->is_stranger_mcn_ppb ?></td>
 <td><?= $subRecord->meeting_number ?></td>

resources/views/admin/meeting_invitations/index.blade.php

@@ -1,21 +1,20 @@
 @extends('layouts.pro-logged-in')
 @section('content')
 
-    <h3 class="d-flex my-3 px-3">
+    <h3 class="d-flex my-3 px-3 stag-heading stag-heading-index">
         <div>Meeting Invitations: List</div>
         <div class="ml-auto">
             <!-- _ADD_NEW_LINK_ -->
         </div>
     </h3>
 
-    <div class="table-responsive p-0 bg-white border">
-        <table class="table table-hover text-nowrap">
+    <div class="table-responsive p-0 bg-white border stag-table stag-table-index">
+        <table class="table table-hover text-nowrap table-striped">
             <thead>
             <tr>
-<th>Id</th>
+<th>&nbsp;</th>
 <th>Created At</th>
 <th>Type</th>
-<th>Uid</th>
 <th>Cancellation Memo</th>
 <th>Cancelled At</th>
 <th>Is Cancelled</th>
@@ -34,12 +33,11 @@
             <tbody>
             @foreach($records as $record)
                 <tr>
-<td><?= $record->id ?></td>
-<td><?= $record->created_at ?></td>
+<td><a href="/meeting_invitations/view/<?= $record->uid ?>"><i class="fas fa-share-square"></i></a></td>
+<td><?= friendly_date_time($record->created_at) ?></td>
 <td><?= $record->type ?></td>
-<td><a href="/meeting_invitations/view/<?= $record->uid ?>"><?= $record->uid ?></a></td>
 <td><?= $record->cancellation_memo ?></td>
-<td><?= $record->cancelled_at ?></td>
+<td><?= friendly_date_time($record->cancelled_at) ?></td>
 <td><?= $record->is_cancelled ?></td>
 <td><?= $record->is_used ?></td>
 <td><?= $record->sms_or_email ?></td>

resources/views/admin/meeting_invitations/info.blade.php

@@ -1,3 +1,3 @@
-<h4 class="d-flex my-3 px-3">
+<h4 class="d-flex my-3 px-3 stag-heading stag-heading-info">
     <div>Meeting Invitations: Single [<?= $record->uid ?>]</div>
 </h4>

resources/views/admin/meeting_invitations/subs.blade.php

@@ -1 +1 @@
-<a href='/meeting_invitations/view/<?= $record->uid ?>/SUB_dashboard' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_dashboard' ? 'bg-secondary text-white font-weight-bold' : '' }}{{ strpos(request()->route()->getActionMethod(), 'ACTION_') === 0 ? 'bg-secondary text-white font-weight-bold' : '' }}'>Dashboard</a>
+<a href='/meeting_invitations/view/<?= $record->uid ?>/SUB_dashboard' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_dashboard' ? 'bg-secondary text-white font-weight-bold' : '' }}{{ strpos(request()->route()->getActionMethod(), 'ACTION_') === 0 ? 'bg-secondary text-white font-weight-bold' : '' }}'>Dashboard</a>

resources/views/admin/meeting_invitations_SINGLE/ACTION_cancel.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Cancel</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/meeting_invitations_SINGLE/SUB_dashboard.blade.php

@@ -4,7 +4,7 @@
     <div class="row mt-3">
     <div class="col-8">
 
-        <div class="table-responsive p-0 bg-white table-sm">
+        <div class="table-responsive p-0 bg-white table-sm stag-table border-top">
             <table class="table table-hover text-nowrap table-striped border-left border-right border-bottom">
                 <thead>
                 <tr>

resources/views/admin/meeting_knocks/index.blade.php

@@ -1,21 +1,20 @@
 @extends('layouts.pro-logged-in')
 @section('content')
 
-    <h3 class="d-flex my-3 px-3">
+    <h3 class="d-flex my-3 px-3 stag-heading stag-heading-index">
         <div>Meeting Knocks: List</div>
         <div class="ml-auto">
             <!-- _ADD_NEW_LINK_ -->
         </div>
     </h3>
 
-    <div class="table-responsive p-0 bg-white border">
-        <table class="table table-hover text-nowrap">
+    <div class="table-responsive p-0 bg-white border stag-table stag-table-index">
+        <table class="table table-hover text-nowrap table-striped">
             <thead>
             <tr>
-<th>Id</th>
+<th>&nbsp;</th>
 <th>Created At</th>
 <th>Type</th>
-<th>Uid</th>
 <th>Name</th>
 <th>Outcome</th>
 <th>Outcome At</th>
@@ -31,13 +30,12 @@
             <tbody>
             @foreach($records as $record)
                 <tr>
-<td><?= $record->id ?></td>
-<td><?= $record->created_at ?></td>
+<td><a href="/meeting_knocks/view/<?= $record->uid ?>"><i class="fas fa-share-square"></i></a></td>
+<td><?= friendly_date_time($record->created_at) ?></td>
 <td><?= $record->type ?></td>
-<td><a href="/meeting_knocks/view/<?= $record->uid ?>"><?= $record->uid ?></a></td>
 <td><?= $record->name ?></td>
 <td><?= $record->outcome ?></td>
-<td><?= $record->outcome_at ?></td>
+<td><?= friendly_date_time($record->outcome_at) ?></td>
 <td><?= $record->picture_base64 ?></td>
 <td><?= $record->stranger_client_or_pro ?></td>
 <td><?= $record->created_by_session_id ?></td>

resources/views/admin/meeting_knocks/info.blade.php

@@ -1,3 +1,3 @@
-<h4 class="d-flex my-3 px-3">
+<h4 class="d-flex my-3 px-3 stag-heading stag-heading-info">
     <div>Meeting Knocks: Single [<?= $record->uid ?>]</div>
 </h4>

resources/views/admin/meeting_knocks/subs.blade.php

@@ -1 +1 @@
-<a href='/meeting_knocks/view/<?= $record->uid ?>/SUB_dashboard' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_dashboard' ? 'bg-secondary text-white font-weight-bold' : '' }}{{ strpos(request()->route()->getActionMethod(), 'ACTION_') === 0 ? 'bg-secondary text-white font-weight-bold' : '' }}'>Dashboard</a>
+<a href='/meeting_knocks/view/<?= $record->uid ?>/SUB_dashboard' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_dashboard' ? 'bg-secondary text-white font-weight-bold' : '' }}{{ strpos(request()->route()->getActionMethod(), 'ACTION_') === 0 ? 'bg-secondary text-white font-weight-bold' : '' }}'>Dashboard</a>

resources/views/admin/meeting_knocks_SINGLE/SUB_dashboard.blade.php

@@ -4,7 +4,7 @@
     <div class="row mt-3">
     <div class="col-8">
 
-        <div class="table-responsive p-0 bg-white table-sm">
+        <div class="table-responsive p-0 bg-white table-sm stag-table border-top">
             <table class="table table-hover text-nowrap table-striped border-left border-right border-bottom">
                 <thead>
                 <tr>

resources/views/admin/meeting_messages/index.blade.php

@@ -1,21 +1,20 @@
 @extends('layouts.pro-logged-in')
 @section('content')
 
-    <h3 class="d-flex my-3 px-3">
+    <h3 class="d-flex my-3 px-3 stag-heading stag-heading-index">
         <div>Meeting Messages: List</div>
         <div class="ml-auto">
             <!-- _ADD_NEW_LINK_ -->
         </div>
     </h3>
 
-    <div class="table-responsive p-0 bg-white border">
-        <table class="table table-hover text-nowrap">
+    <div class="table-responsive p-0 bg-white border stag-table stag-table-index">
+        <table class="table table-hover text-nowrap table-striped">
             <thead>
             <tr>
-<th>Id</th>
+<th>&nbsp;</th>
 <th>Created At</th>
 <th>Type</th>
-<th>Uid</th>
 <th>Is Removed</th>
 <th>Removal Memo</th>
 <th>Removed At</th>
@@ -34,14 +33,13 @@
             <tbody>
             @foreach($records as $record)
                 <tr>
-<td><?= $record->id ?></td>
-<td><?= $record->created_at ?></td>
+<td><a href="/meeting_messages/view/<?= $record->uid ?>"><i class="fas fa-share-square"></i></a></td>
+<td><?= friendly_date_time($record->created_at) ?></td>
 <td><?= $record->type ?></td>
-<td><a href="/meeting_messages/view/<?= $record->uid ?>"><?= $record->uid ?></a></td>
 <td><?= $record->is_removed ?></td>
 <td><?= $record->removal_memo ?></td>
-<td><?= $record->removed_at ?></td>
-<td><?= $record->edited_at ?></td>
+<td><?= friendly_date_time($record->removed_at) ?></td>
+<td><?= friendly_date_time($record->edited_at) ?></td>
 <td><?= $record->message_file_path ?></td>
 <td><?= $record->message_text ?></td>
 <td><?= $record->public_or_private ?></td>

resources/views/admin/meeting_messages/info.blade.php

@@ -1,3 +1,3 @@
-<h4 class="d-flex my-3 px-3">
+<h4 class="d-flex my-3 px-3 stag-heading stag-heading-info">
     <div>Meeting Messages: Single [<?= $record->uid ?>]</div>
 </h4>

resources/views/admin/meeting_messages/subs.blade.php

@@ -1 +1 @@
-<a href='/meeting_messages/view/<?= $record->uid ?>/SUB_dashboard' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_dashboard' ? 'bg-secondary text-white font-weight-bold' : '' }}{{ strpos(request()->route()->getActionMethod(), 'ACTION_') === 0 ? 'bg-secondary text-white font-weight-bold' : '' }}'>Dashboard</a>
+<a href='/meeting_messages/view/<?= $record->uid ?>/SUB_dashboard' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_dashboard' ? 'bg-secondary text-white font-weight-bold' : '' }}{{ strpos(request()->route()->getActionMethod(), 'ACTION_') === 0 ? 'bg-secondary text-white font-weight-bold' : '' }}'>Dashboard</a>

resources/views/admin/meeting_messages_SINGLE/SUB_dashboard.blade.php

@@ -4,7 +4,7 @@
     <div class="row mt-3">
     <div class="col-8">
 
-        <div class="table-responsive p-0 bg-white table-sm">
+        <div class="table-responsive p-0 bg-white table-sm stag-table border-top">
             <table class="table table-hover text-nowrap table-striped border-left border-right border-bottom">
                 <thead>
                 <tr>

resources/views/admin/meeting_participants/index.blade.php

@@ -1,21 +1,20 @@
 @extends('layouts.pro-logged-in')
 @section('content')
 
-    <h3 class="d-flex my-3 px-3">
+    <h3 class="d-flex my-3 px-3 stag-heading stag-heading-index">
         <div>Meeting Participants: List</div>
         <div class="ml-auto">
             <!-- _ADD_NEW_LINK_ -->
         </div>
     </h3>
 
-    <div class="table-responsive p-0 bg-white border">
-        <table class="table table-hover text-nowrap">
+    <div class="table-responsive p-0 bg-white border stag-table stag-table-index">
+        <table class="table table-hover text-nowrap table-striped">
             <thead>
             <tr>
-<th>Id</th>
+<th>&nbsp;</th>
 <th>Created At</th>
 <th>Type</th>
-<th>Uid</th>
 <th>Is Currently In Meeting</th>
 <th>Is Removed From Meeting</th>
 <th>Name</th>
@@ -31,10 +30,9 @@
             <tbody>
             @foreach($records as $record)
                 <tr>
-<td><?= $record->id ?></td>
-<td><?= $record->created_at ?></td>
+<td><a href="/meeting_participants/view/<?= $record->uid ?>"><i class="fas fa-share-square"></i></a></td>
+<td><?= friendly_date_time($record->created_at) ?></td>
 <td><?= $record->type ?></td>
-<td><a href="/meeting_participants/view/<?= $record->uid ?>"><?= $record->uid ?></a></td>
 <td><?= $record->is_currently_in_meeting ?></td>
 <td><?= $record->is_removed_from_meeting ?></td>
 <td><?= $record->name ?></td>

resources/views/admin/meeting_participants/info.blade.php

@@ -1,3 +1,3 @@
-<h4 class="d-flex my-3 px-3">
+<h4 class="d-flex my-3 px-3 stag-heading stag-heading-info">
     <div>Meeting Participants: Single [<?= $record->uid ?>]</div>
 </h4>

resources/views/admin/meeting_participants/subs.blade.php

@@ -1 +1 @@
-<a href='/meeting_participants/view/<?= $record->uid ?>/SUB_dashboard' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_dashboard' ? 'bg-secondary text-white font-weight-bold' : '' }}{{ strpos(request()->route()->getActionMethod(), 'ACTION_') === 0 ? 'bg-secondary text-white font-weight-bold' : '' }}'>Dashboard</a>
+<a href='/meeting_participants/view/<?= $record->uid ?>/SUB_dashboard' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_dashboard' ? 'bg-secondary text-white font-weight-bold' : '' }}{{ strpos(request()->route()->getActionMethod(), 'ACTION_') === 0 ? 'bg-secondary text-white font-weight-bold' : '' }}'>Dashboard</a>

resources/views/admin/meeting_participants_SINGLE/SUB_dashboard.blade.php

@@ -4,7 +4,7 @@
     <div class="row mt-3">
     <div class="col-8">
 
-        <div class="table-responsive p-0 bg-white table-sm">
+        <div class="table-responsive p-0 bg-white table-sm stag-table border-top">
             <table class="table table-hover text-nowrap table-striped border-left border-right border-bottom">
                 <thead>
                 <tr>

resources/views/admin/meeting_rings/index.blade.php

@@ -1,21 +1,20 @@
 @extends('layouts.pro-logged-in')
 @section('content')
 
-    <h3 class="d-flex my-3 px-3">
+    <h3 class="d-flex my-3 px-3 stag-heading stag-heading-index">
         <div>Meeting Rings: List</div>
         <div class="ml-auto">
             <!-- _ADD_NEW_LINK_ -->
         </div>
     </h3>
 
-    <div class="table-responsive p-0 bg-white border">
-        <table class="table table-hover text-nowrap">
+    <div class="table-responsive p-0 bg-white border stag-table stag-table-index">
+        <table class="table table-hover text-nowrap table-striped">
             <thead>
             <tr>
-<th>Id</th>
+<th>&nbsp;</th>
 <th>Created At</th>
 <th>Type</th>
-<th>Uid</th>
 <th>Ended At</th>
 <th>From Lobby Call Or Meeting Participant</th>
 <th>Is In Progress</th>
@@ -34,14 +33,13 @@
             <tbody>
             @foreach($records as $record)
                 <tr>
-<td><?= $record->id ?></td>
-<td><?= $record->created_at ?></td>
+<td><a href="/meeting_rings/view/<?= $record->uid ?>"><i class="fas fa-share-square"></i></a></td>
+<td><?= friendly_date_time($record->created_at) ?></td>
 <td><?= $record->type ?></td>
-<td><a href="/meeting_rings/view/<?= $record->uid ?>"><?= $record->uid ?></a></td>
-<td><?= $record->ended_at ?></td>
+<td><?= friendly_date_time($record->ended_at) ?></td>
 <td><?= $record->from_lobby_call_or_meeting_participant ?></td>
 <td><?= $record->is_in_progress ?></td>
-<td><?= $record->started_at ?></td>
+<td><?= friendly_date_time($record->started_at) ?></td>
 <td><?= $record->to_client_or_pro ?></td>
 <td><?= $record->was_aborted ?></td>
 <td><?= $record->created_by_session_id ?></td>

resources/views/admin/meeting_rings/info.blade.php

@@ -1,3 +1,3 @@
-<h4 class="d-flex my-3 px-3">
+<h4 class="d-flex my-3 px-3 stag-heading stag-heading-info">
     <div>Meeting Rings: Single [<?= $record->uid ?>]</div>
 </h4>

resources/views/admin/meeting_rings/subs.blade.php

@@ -1 +1 @@
-<a href='/meeting_rings/view/<?= $record->uid ?>/SUB_dashboard' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_dashboard' ? 'bg-secondary text-white font-weight-bold' : '' }}{{ strpos(request()->route()->getActionMethod(), 'ACTION_') === 0 ? 'bg-secondary text-white font-weight-bold' : '' }}'>Dashboard</a>
+<a href='/meeting_rings/view/<?= $record->uid ?>/SUB_dashboard' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_dashboard' ? 'bg-secondary text-white font-weight-bold' : '' }}{{ strpos(request()->route()->getActionMethod(), 'ACTION_') === 0 ? 'bg-secondary text-white font-weight-bold' : '' }}'>Dashboard</a>

resources/views/admin/meeting_rings_SINGLE/SUB_dashboard.blade.php

@@ -4,7 +4,7 @@
     <div class="row mt-3">
     <div class="col-8">
 
-        <div class="table-responsive p-0 bg-white table-sm">
+        <div class="table-responsive p-0 bg-white table-sm stag-table border-top">
             <table class="table table-hover text-nowrap table-striped border-left border-right border-bottom">
                 <thead>
                 <tr>

resources/views/admin/meetings/add_new.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Meetings: Add New</div>
         <div class="ml-auto">
             <a class="text-secondary" href="{{route('meetings-index')}}" up-close>

resources/views/admin/meetings/index.blade.php

@@ -1,21 +1,20 @@
 @extends('layouts.pro-logged-in')
 @section('content')
 
-    <h3 class="d-flex my-3 px-3">
+    <h3 class="d-flex my-3 px-3 stag-heading stag-heading-index">
         <div>Meetings: List</div>
         <div class="ml-auto">
             <a class='btn btn-primary btn-sm ml-2' up-modal=".form-contents" up-width="800" up-history="false" href='/meetings/add_new'><i class='fa fa-plus-circle' aria-hidden='true'></i> Add New</a>
         </div>
     </h3>
 
-    <div class="table-responsive p-0 bg-white border">
-        <table class="table table-hover text-nowrap">
+    <div class="table-responsive p-0 bg-white border stag-table stag-table-index">
+        <table class="table table-hover text-nowrap table-striped">
             <thead>
             <tr>
-<th>Id</th>
+<th>&nbsp;</th>
 <th>Created At</th>
 <th>Type</th>
-<th>Uid</th>
 <th>Deactivated At</th>
 <th>Deactivation Memo</th>
 <th>Is Active</th>
@@ -42,14 +41,13 @@
             <tbody>
             @foreach($records as $record)
                 <tr>
-<td><?= $record->id ?></td>
-<td><?= $record->created_at ?></td>
+<td><a href="/meetings/view/<?= $record->uid ?>"><i class="fas fa-share-square"></i></a></td>
+<td><?= friendly_date_time($record->created_at) ?></td>
 <td><?= $record->type ?></td>
-<td><a href="/meetings/view/<?= $record->uid ?>"><?= $record->uid ?></a></td>
-<td><?= $record->deactivated_at ?></td>
+<td><?= friendly_date_time($record->deactivated_at) ?></td>
 <td><?= $record->deactivation_memo ?></td>
 <td><?= $record->is_active ?></td>
-<td><?= $record->reactivated_at ?></td>
+<td><?= friendly_date_time($record->reactivated_at) ?></td>
 <td><?= $record->reactivation_memo ?></td>
 <td><?= $record->is_stranger_mcn_ppb ?></td>
 <td><?= $record->meeting_number ?></td>

resources/views/admin/meetings/info.blade.php

@@ -1,3 +1,3 @@
-<h4 class="d-flex my-3 px-3">
+<h4 class="d-flex my-3 px-3 stag-heading stag-heading-info">
     <div>Meetings: Single [<?= $record->uid ?>]</div>
 </h4>

resources/views/admin/meetings/subs.blade.php

@@ -1,6 +1,6 @@
-<a href='/meetings/view/<?= $record->uid ?>/SUB_dashboard' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_dashboard' ? 'bg-secondary text-white font-weight-bold' : '' }}{{ strpos(request()->route()->getActionMethod(), 'ACTION_') === 0 ? 'bg-secondary text-white font-weight-bold' : '' }}'>Dashboard</a>
-<a href='/meetings/view/<?= $record->uid ?>/SUB_meeting_participants' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_meeting_participants' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Meeting Participants</a>
-<a href='/meetings/view/<?= $record->uid ?>/SUB_meeting_invitations' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_meeting_invitations' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Meeting Invitations</a>
-<a href='/meetings/view/<?= $record->uid ?>/SUB_meeting_rings' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_meeting_rings' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Meeting Rings</a>
-<a href='/meetings/view/<?= $record->uid ?>/SUB_meeting_knocks' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_meeting_knocks' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Meeting Knocks</a>
-<a href='/meetings/view/<?= $record->uid ?>/SUB_meeting_messages' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_meeting_messages' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Meeting Messages</a>
+<a href='/meetings/view/<?= $record->uid ?>/SUB_dashboard' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_dashboard' ? 'bg-secondary text-white font-weight-bold' : '' }}{{ strpos(request()->route()->getActionMethod(), 'ACTION_') === 0 ? 'bg-secondary text-white font-weight-bold' : '' }}'>Dashboard</a>
+<a href='/meetings/view/<?= $record->uid ?>/SUB_meeting_participants' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_meeting_participants' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Meeting Participants</a>
+<a href='/meetings/view/<?= $record->uid ?>/SUB_meeting_invitations' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_meeting_invitations' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Meeting Invitations</a>
+<a href='/meetings/view/<?= $record->uid ?>/SUB_meeting_rings' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_meeting_rings' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Meeting Rings</a>
+<a href='/meetings/view/<?= $record->uid ?>/SUB_meeting_knocks' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_meeting_knocks' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Meeting Knocks</a>
+<a href='/meetings/view/<?= $record->uid ?>/SUB_meeting_messages' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_meeting_messages' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Meeting Messages</a>

resources/views/admin/meetings_SINGLE/ACTION_meeting_invitationsAddNew.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Meeting Invitations Add New</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/meetings_SINGLE/ACTION_meeting_participantsAddNew.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Meeting Participants Add New</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/meetings_SINGLE/ACTION_putLobby.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Put Lobby</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/meetings_SINGLE/ACTION_putMeetingNumber.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Put Meeting Number</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/meetings_SINGLE/ACTION_putStrangerInfo.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Put Stranger Info</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/meetings_SINGLE/ACTION_putTargetLobbyPro.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Put Target Lobby Pro</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/meetings_SINGLE/ACTION_putTitle.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Put Title</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/meetings_SINGLE/SUB_dashboard.blade.php

@@ -4,7 +4,7 @@
     <div class="row mt-3">
     <div class="col-8">
 
-        <div class="table-responsive p-0 bg-white table-sm">
+        <div class="table-responsive p-0 bg-white table-sm stag-table border-top">
             <table class="table table-hover text-nowrap table-striped border-left border-right border-bottom">
                 <thead>
                 <tr>

resources/views/admin/meetings_SINGLE/SUB_meeting_invitations.blade.php

@@ -3,21 +3,20 @@
 
     <div class="pb-3">
 
-        <h5 class='my-3 d-flex'>
+        <h5 class='my-3 d-flex stag-heading stag-heading-sub'>
             <div>Meeting Invitations</div>
             <div class="ml-auto">
                 <a class="btn btn-primary btn-sm" up-modal=".form-contents" up-width="800" up-history="false" href="{{route('meetings_SINGLE-ACTION_meeting_invitationsAddNew', ['uid' => $record->uid])}}"><i class='fa fa-plus-circle' aria-hidden='true'></i> Add New</a>
             </div>
         </h5>
 
-        <div class="table-responsive p-0 bg-white border">
+        <div class="table-responsive p-0 bg-white border stag-table stag-table-sub">
             <table class="table table-hover text-nowrap">
                 <thead>
                 <tr>
-                    <th>Id</th>
+                    <th>&nbsp;</th>
 <th>Created At</th>
 <th>Type</th>
-<th>Uid</th>
 <th>Cancellation Memo</th>
 <th>Cancelled At</th>
 <th>Is Cancelled</th>
@@ -36,12 +35,11 @@
                 <tbody>
                 @foreach($subRecords as $subRecord)
                     <tr>
-                        <td><?= $subRecord->id ?></td>
-<td><?= $subRecord->created_at ?></td>
+                        <td><a href="/meeting_invitations/view/{{ $subRecord->uid }}"><i class="fas fa-share-square"></i></a></td>
+<td><?= friendly_date_time($record->created_at) ?></td>
 <td><?= $subRecord->type ?></td>
-<td><a href="/meeting_invitations/view/{{ $subRecord->uid }}"><?= $subRecord->uid ?></a></td>
 <td><?= $subRecord->cancellation_memo ?></td>
-<td><?= $subRecord->cancelled_at ?></td>
+<td><?= friendly_date_time($record->cancelled_at) ?></td>
 <td><?= $subRecord->is_cancelled ?></td>
 <td><?= $subRecord->is_used ?></td>
 <td><?= $subRecord->sms_or_email ?></td>

resources/views/admin/meetings_SINGLE/SUB_meeting_knocks.blade.php

@@ -3,21 +3,20 @@
 
     <div class="pb-3">
 
-        <h5 class='my-3 d-flex'>
+        <h5 class='my-3 d-flex stag-heading stag-heading-sub'>
             <div>Meeting Knocks</div>
             <div class="ml-auto">
                 <!-- _ADD_NEW_LINK_ -->
             </div>
         </h5>
 
-        <div class="table-responsive p-0 bg-white border">
+        <div class="table-responsive p-0 bg-white border stag-table stag-table-sub">
             <table class="table table-hover text-nowrap">
                 <thead>
                 <tr>
-                    <th>Id</th>
+                    <th>&nbsp;</th>
 <th>Created At</th>
 <th>Type</th>
-<th>Uid</th>
 <th>Name</th>
 <th>Outcome</th>
 <th>Outcome At</th>
@@ -33,13 +32,12 @@
                 <tbody>
                 @foreach($subRecords as $subRecord)
                     <tr>
-                        <td><?= $subRecord->id ?></td>
-<td><?= $subRecord->created_at ?></td>
+                        <td><a href="/meeting_knocks/view/{{ $subRecord->uid }}"><i class="fas fa-share-square"></i></a></td>
+<td><?= friendly_date_time($record->created_at) ?></td>
 <td><?= $subRecord->type ?></td>
-<td><a href="/meeting_knocks/view/{{ $subRecord->uid }}"><?= $subRecord->uid ?></a></td>
 <td><?= $subRecord->name ?></td>
 <td><?= $subRecord->outcome ?></td>
-<td><?= $subRecord->outcome_at ?></td>
+<td><?= friendly_date_time($record->outcome_at) ?></td>
 <td><?= $subRecord->picture_base64 ?></td>
 <td><?= $subRecord->stranger_client_or_pro ?></td>
 <td><?= $subRecord->created_by_session_id ?></td>

resources/views/admin/meetings_SINGLE/SUB_meeting_messages.blade.php

@@ -3,21 +3,20 @@
 
     <div class="pb-3">
 
-        <h5 class='my-3 d-flex'>
+        <h5 class='my-3 d-flex stag-heading stag-heading-sub'>
             <div>Meeting Messages</div>
             <div class="ml-auto">
                 <!-- _ADD_NEW_LINK_ -->
             </div>
         </h5>
 
-        <div class="table-responsive p-0 bg-white border">
+        <div class="table-responsive p-0 bg-white border stag-table stag-table-sub">
             <table class="table table-hover text-nowrap">
                 <thead>
                 <tr>
-                    <th>Id</th>
+                    <th>&nbsp;</th>
 <th>Created At</th>
 <th>Type</th>
-<th>Uid</th>
 <th>Is Removed</th>
 <th>Removal Memo</th>
 <th>Removed At</th>
@@ -36,14 +35,13 @@
                 <tbody>
                 @foreach($subRecords as $subRecord)
                     <tr>
-                        <td><?= $subRecord->id ?></td>
-<td><?= $subRecord->created_at ?></td>
+                        <td><a href="/meeting_messages/view/{{ $subRecord->uid }}"><i class="fas fa-share-square"></i></a></td>
+<td><?= friendly_date_time($record->created_at) ?></td>
 <td><?= $subRecord->type ?></td>
-<td><a href="/meeting_messages/view/{{ $subRecord->uid }}"><?= $subRecord->uid ?></a></td>
 <td><?= $subRecord->is_removed ?></td>
 <td><?= $subRecord->removal_memo ?></td>
-<td><?= $subRecord->removed_at ?></td>
-<td><?= $subRecord->edited_at ?></td>
+<td><?= friendly_date_time($record->removed_at) ?></td>
+<td><?= friendly_date_time($record->edited_at) ?></td>
 <td><?= $subRecord->message_file_path ?></td>
 <td><?= $subRecord->message_text ?></td>
 <td><?= $subRecord->public_or_private ?></td>

resources/views/admin/meetings_SINGLE/SUB_meeting_participants.blade.php

@@ -3,21 +3,20 @@
 
     <div class="pb-3">
 
-        <h5 class='my-3 d-flex'>
+        <h5 class='my-3 d-flex stag-heading stag-heading-sub'>
             <div>Meeting Participants</div>
             <div class="ml-auto">
                 <a class="btn btn-primary btn-sm" up-modal=".form-contents" up-width="800" up-history="false" href="{{route('meetings_SINGLE-ACTION_meeting_participantsAddNew', ['uid' => $record->uid])}}"><i class='fa fa-plus-circle' aria-hidden='true'></i> Add New</a>
             </div>
         </h5>
 
-        <div class="table-responsive p-0 bg-white border">
+        <div class="table-responsive p-0 bg-white border stag-table stag-table-sub">
             <table class="table table-hover text-nowrap">
                 <thead>
                 <tr>
-                    <th>Id</th>
+                    <th>&nbsp;</th>
 <th>Created At</th>
 <th>Type</th>
-<th>Uid</th>
 <th>Is Currently In Meeting</th>
 <th>Is Removed From Meeting</th>
 <th>Name</th>
@@ -33,10 +32,9 @@
                 <tbody>
                 @foreach($subRecords as $subRecord)
                     <tr>
-                        <td><?= $subRecord->id ?></td>
-<td><?= $subRecord->created_at ?></td>
+                        <td><a href="/meeting_participants/view/{{ $subRecord->uid }}"><i class="fas fa-share-square"></i></a></td>
+<td><?= friendly_date_time($record->created_at) ?></td>
 <td><?= $subRecord->type ?></td>
-<td><a href="/meeting_participants/view/{{ $subRecord->uid }}"><?= $subRecord->uid ?></a></td>
 <td><?= $subRecord->is_currently_in_meeting ?></td>
 <td><?= $subRecord->is_removed_from_meeting ?></td>
 <td><?= $subRecord->name ?></td>

resources/views/admin/meetings_SINGLE/SUB_meeting_rings.blade.php

@@ -3,21 +3,20 @@
 
     <div class="pb-3">
 
-        <h5 class='my-3 d-flex'>
+        <h5 class='my-3 d-flex stag-heading stag-heading-sub'>
             <div>Meeting Rings</div>
             <div class="ml-auto">
                 <!-- _ADD_NEW_LINK_ -->
             </div>
         </h5>
 
-        <div class="table-responsive p-0 bg-white border">
+        <div class="table-responsive p-0 bg-white border stag-table stag-table-sub">
             <table class="table table-hover text-nowrap">
                 <thead>
                 <tr>
-                    <th>Id</th>
+                    <th>&nbsp;</th>
 <th>Created At</th>
 <th>Type</th>
-<th>Uid</th>
 <th>Ended At</th>
 <th>From Lobby Call Or Meeting Participant</th>
 <th>Is In Progress</th>
@@ -36,14 +35,13 @@
                 <tbody>
                 @foreach($subRecords as $subRecord)
                     <tr>
-                        <td><?= $subRecord->id ?></td>
-<td><?= $subRecord->created_at ?></td>
+                        <td><a href="/meeting_rings/view/{{ $subRecord->uid }}"><i class="fas fa-share-square"></i></a></td>
+<td><?= friendly_date_time($record->created_at) ?></td>
 <td><?= $subRecord->type ?></td>
-<td><a href="/meeting_rings/view/{{ $subRecord->uid }}"><?= $subRecord->uid ?></a></td>
-<td><?= $subRecord->ended_at ?></td>
+<td><?= friendly_date_time($record->ended_at) ?></td>
 <td><?= $subRecord->from_lobby_call_or_meeting_participant ?></td>
 <td><?= $subRecord->is_in_progress ?></td>
-<td><?= $subRecord->started_at ?></td>
+<td><?= friendly_date_time($record->started_at) ?></td>
 <td><?= $subRecord->to_client_or_pro ?></td>
 <td><?= $subRecord->was_aborted ?></td>
 <td><?= $subRecord->created_by_session_id ?></td>

resources/views/admin/pro_rates/index.blade.php

@@ -1,21 +1,20 @@
 @extends('layouts.pro-logged-in')
 @section('content')
 
-    <h3 class="d-flex my-3 px-3">
+    <h3 class="d-flex my-3 px-3 stag-heading stag-heading-index">
         <div>Pro Rates: List</div>
         <div class="ml-auto">
             <!-- _ADD_NEW_LINK_ -->
         </div>
     </h3>
 
-    <div class="table-responsive p-0 bg-white border">
-        <table class="table table-hover text-nowrap">
+    <div class="table-responsive p-0 bg-white border stag-table stag-table-index">
+        <table class="table table-hover text-nowrap table-striped">
             <thead>
             <tr>
-<th>Id</th>
+<th>&nbsp;</th>
 <th>Created At</th>
 <th>Type</th>
-<th>Uid</th>
 <th>Deactivated At</th>
 <th>Deactivation Memo</th>
 <th>Is Active</th>
@@ -33,14 +32,13 @@
             <tbody>
             @foreach($records as $record)
                 <tr>
-<td><?= $record->id ?></td>
-<td><?= $record->created_at ?></td>
+<td><a href="/pro_rates/view/<?= $record->uid ?>"><i class="fas fa-share-square"></i></a></td>
+<td><?= friendly_date_time($record->created_at) ?></td>
 <td><?= $record->type ?></td>
-<td><a href="/pro_rates/view/<?= $record->uid ?>"><?= $record->uid ?></a></td>
-<td><?= $record->deactivated_at ?></td>
+<td><?= friendly_date_time($record->deactivated_at) ?></td>
 <td><?= $record->deactivation_memo ?></td>
 <td><?= $record->is_active ?></td>
-<td><?= $record->reactivated_at ?></td>
+<td><?= friendly_date_time($record->reactivated_at) ?></td>
 <td><?= $record->reactivation_memo ?></td>
 <td><?= $record->amount ?></td>
 <td><?= $record->code ?></td>

resources/views/admin/pro_rates/info.blade.php

@@ -1,3 +1,3 @@
-<h4 class="d-flex my-3 px-3">
+<h4 class="d-flex my-3 px-3 stag-heading stag-heading-info">
     <div>Pro Rates: Single [<?= $record->uid ?>]</div>
 </h4>

resources/views/admin/pro_rates/subs.blade.php

@@ -1 +1 @@
-<a href='/pro_rates/view/<?= $record->uid ?>/SUB_dashboard' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_dashboard' ? 'bg-secondary text-white font-weight-bold' : '' }}{{ strpos(request()->route()->getActionMethod(), 'ACTION_') === 0 ? 'bg-secondary text-white font-weight-bold' : '' }}'>Dashboard</a>
+<a href='/pro_rates/view/<?= $record->uid ?>/SUB_dashboard' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_dashboard' ? 'bg-secondary text-white font-weight-bold' : '' }}{{ strpos(request()->route()->getActionMethod(), 'ACTION_') === 0 ? 'bg-secondary text-white font-weight-bold' : '' }}'>Dashboard</a>

resources/views/admin/pro_rates_SINGLE/ACTION_updateAmount.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Update Amount</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/pro_rates_SINGLE/SUB_dashboard.blade.php

@@ -4,7 +4,7 @@
     <div class="row mt-3">
     <div class="col-8">
 
-        <div class="table-responsive p-0 bg-white table-sm">
+        <div class="table-responsive p-0 bg-white table-sm stag-table border-top">
             <table class="table table-hover text-nowrap table-striped border-left border-right border-bottom">
                 <thead>
                 <tr>

resources/views/admin/pros/add_new.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Pros: Add New</div>
         <div class="ml-auto">
             <a class="text-secondary" href="{{route('pros-index')}}" up-close>

resources/views/admin/pros/index.blade.php

@@ -1,17 +1,18 @@
 @extends('layouts.pro-logged-in')
 @section('content')
 
-    <h3 class="d-flex my-3 px-3">
+    <h3 class="d-flex my-3 px-3 stag-heading stag-heading-index">
         <div>Pros: List</div>
         <div class="ml-auto">
             <a class='btn btn-primary btn-sm ml-2' up-modal=".form-contents" up-width="800" up-history="false" href='/pros/add_new'><i class='fa fa-plus-circle' aria-hidden='true'></i> Add New</a>
         </div>
     </h3>
 
-    <div class="table-responsive p-0 bg-white border">
-        <table class="table table-hover text-nowrap">
+    <div class="table-responsive p-0 bg-white border stag-table stag-table-index">
+        <table class="table table-hover text-nowrap table-striped">
             <thead>
             <tr>
+<th>&nbsp;</th>
 <th>Name Display</th>
 <th>Name First</th>
 <th>Name Last</th>
@@ -20,6 +21,7 @@
             <tbody>
             @foreach($records as $record)
                 <tr>
+<td><a href="/pros/view/<?= $record->uid ?>"><i class="fas fa-share-square"></i></a></td>
 <td><a href="/pros/view/<?= $record->uid ?>"><?= $record->name_display ?></a></td>
 <td><?= $record->name_first ?></td>
 <td><?= $record->name_last ?></td>

resources/views/admin/pros/info.blade.php

@@ -1,3 +1,3 @@
-<h4 class="d-flex my-3 px-3">
+<h4 class="d-flex my-3 px-3 stag-heading stag-heading-info">
     <div>Pros: Single [<?= $record->uid ?>]</div>
 </h4>

resources/views/admin/pros/subs.blade.php

@@ -1,16 +1,16 @@
-<a href='/pros/view/<?= $record->uid ?>/SUB_dashboard' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_dashboard' ? 'bg-secondary text-white font-weight-bold' : '' }}{{ strpos(request()->route()->getActionMethod(), 'ACTION_') === 0 ? 'bg-secondary text-white font-weight-bold' : '' }}'>Dashboard</a>
-<a href='/pros/view/<?= $record->uid ?>/SUB_my_payment_schedule' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_my_payment_schedule' ? 'bg-secondary text-white font-weight-bold' : '' }}'>My Payment Schedule</a>
-<a href='/pros/view/<?= $record->uid ?>/SUB_clients' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_clients' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Clients</a>
-<a href='/pros/view/<?= $record->uid ?>/SUB_pro_access' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_pro_access' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Pro Access</a>
-<a href='/pros/view/<?= $record->uid ?>/SUB_mcp_updates' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_mcp_updates' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Mcp Updates</a>
-<a href='/pros/view/<?= $record->uid ?>/SUB_ally_updates' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_ally_updates' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Ally Updates</a>
-<a href='/pros/view/<?= $record->uid ?>/SUB_erx' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_erx' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Erx</a>
-<a href='/pros/view/<?= $record->uid ?>/SUB_action_items' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_action_items' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Action Items</a>
-<a href='/pros/view/<?= $record->uid ?>/SUB_care_months' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_care_months' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Care Months</a>
-<a href='/pros/view/<?= $record->uid ?>/SUB_care_month_entries' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_care_month_entries' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Care Month Entries</a>
-<a href='/pros/view/<?= $record->uid ?>/SUB_notes' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_notes' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Notes</a>
-<a href='/pros/view/<?= $record->uid ?>/SUB_bills' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_bills' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Bills</a>
-<a href='/pros/view/<?= $record->uid ?>/SUB_pro_transactions' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_pro_transactions' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Pro Transactions</a>
-<a href='/pros/view/<?= $record->uid ?>/SUB_lobby_pros' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_lobby_pros' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Lobby Pros</a>
-<a href='/pros/view/<?= $record->uid ?>/SUB_sessions' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_sessions' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Sessions</a>
-<a href='/pros/view/<?= $record->uid ?>/SUB_audit_log' class='d-block px-3 py-2 border-bottom {{ request()->route()->getActionMethod() === 'SUB_audit_log' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Audit Log</a>
+<a href='/pros/view/<?= $record->uid ?>/SUB_dashboard' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_dashboard' ? 'bg-secondary text-white font-weight-bold' : '' }}{{ strpos(request()->route()->getActionMethod(), 'ACTION_') === 0 ? 'bg-secondary text-white font-weight-bold' : '' }}'>Dashboard</a>
+<a href='/pros/view/<?= $record->uid ?>/SUB_my_payment_schedule' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_my_payment_schedule' ? 'bg-secondary text-white font-weight-bold' : '' }}'>My Payment Schedule</a>
+<a href='/pros/view/<?= $record->uid ?>/SUB_clients' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_clients' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Clients</a>
+<a href='/pros/view/<?= $record->uid ?>/SUB_pro_access' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_pro_access' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Pro Access</a>
+<a href='/pros/view/<?= $record->uid ?>/SUB_mcp_updates' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_mcp_updates' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Mcp Updates</a>
+<a href='/pros/view/<?= $record->uid ?>/SUB_ally_updates' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_ally_updates' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Ally Updates</a>
+<a href='/pros/view/<?= $record->uid ?>/SUB_erx' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_erx' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Erx</a>
+<a href='/pros/view/<?= $record->uid ?>/SUB_action_items' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_action_items' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Action Items</a>
+<a href='/pros/view/<?= $record->uid ?>/SUB_care_months' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_care_months' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Care Months</a>
+<a href='/pros/view/<?= $record->uid ?>/SUB_care_month_entries' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_care_month_entries' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Care Month Entries</a>
+<a href='/pros/view/<?= $record->uid ?>/SUB_notes' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_notes' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Notes</a>
+<a href='/pros/view/<?= $record->uid ?>/SUB_bills' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_bills' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Bills</a>
+<a href='/pros/view/<?= $record->uid ?>/SUB_pro_transactions' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_pro_transactions' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Pro Transactions</a>
+<a href='/pros/view/<?= $record->uid ?>/SUB_lobby_pros' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_lobby_pros' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Lobby Pros</a>
+<a href='/pros/view/<?= $record->uid ?>/SUB_sessions' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_sessions' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Sessions</a>
+<a href='/pros/view/<?= $record->uid ?>/SUB_audit_log' class='d-block px-3 py-2 border-bottom stag-sublink {{ request()->route()->getActionMethod() === 'SUB_audit_log' ? 'bg-secondary text-white font-weight-bold' : '' }}'>Audit Log</a>

resources/views/admin/pros_SINGLE/ACTION_confirmCellNumberWithConfirmationToken.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Confirm Cell Number With Confirmation Token</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/pros_SINGLE/ACTION_confirmEmailAddressWithConfirmationToken.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Confirm Email Address With Confirmation Token</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/pros_SINGLE/ACTION_lobby_prosAddNew.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Lobby Pros Add New</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/pros_SINGLE/ACTION_my_payment_scheduleAddNew.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>My Payment Schedule Add New</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/pros_SINGLE/ACTION_payment_scheduleAddNew.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Payment Schedule Add New</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/pros_SINGLE/ACTION_putNewCellNumber.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Put New Cell Number</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/pros_SINGLE/ACTION_putNewEmailAddress.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Put New Email Address</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/pros_SINGLE/ACTION_putProfilePicture.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Put Profile Picture</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/pros_SINGLE/ACTION_removeProfilePicture.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Remove Profile Picture</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/pros_SINGLE/ACTION_sendCellNumberConfirmationMessage.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Send Cell Number Confirmation Message</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/pros_SINGLE/ACTION_sendEmailAddressConfirmationMessage.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Send Email Address Confirmation Message</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/pros_SINGLE/ACTION_setIsDriverLicenseCompleteToFalse.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Set Is Driver License Complete To False</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/pros_SINGLE/ACTION_setIsDriverLicenseCompleteToTrue.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Set Is Driver License Complete To True</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/pros_SINGLE/ACTION_setIsEnrolledAsHcpToFalse.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Set Is Enrolled As Hcp To False</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/pros_SINGLE/ACTION_setIsEnrolledAsHcpToTrue.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Set Is Enrolled As Hcp To True</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/pros_SINGLE/ACTION_setIsEnrolledAsMcpToFalse.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Set Is Enrolled As Mcp To False</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/pros_SINGLE/ACTION_setIsEnrolledAsMcpToTrue.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Set Is Enrolled As Mcp To True</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/pros_SINGLE/ACTION_setIsHcpToFalse.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Set Is Hcp To False</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/pros_SINGLE/ACTION_setIsHcpToTrue.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Set Is Hcp To True</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/pros_SINGLE/ACTION_setIsPaymentProcessingDetailCompleteToFalse.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Set Is Payment Processing Detail Complete To False</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

resources/views/admin/pros_SINGLE/ACTION_setIsPaymentProcessingDetailCompleteToTrue.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>Set Is Payment Processing Detail Complete To True</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>