UI style updates.

JSMR.UI.Blazor/wwwroot/css/app.css

@@ -704,6 +704,10 @@ code {
     mask-image: url("../svg/grid-view.svg");
 }
 
+.j-icon-age {
+    mask-image: url("../svg/age-rating.svg");
+}
+
 .j-icon-2 {
     background-repeat: no-repeat;
     background-position: center;

JSMR.UI.Blazor/wwwroot/css/bit-blazor.css

@@ -1,15 +1,19 @@
-.bit-tfl {
+.bit-tfl,
+.bit-dtp {
     width: 100%;
 }
 
-.bit-tfl-inp {
-    
+.bit-tfl-inp,
+.bit-dtp,
+.bit-dtp-inp,
+.bit-dtp-cal {
     font-family: var(--font-family);
+    font-size: 1rem;
 }
 
 .bit-tfl-inp,
 .bit-drp-wrp,
-.bit-dtp-wrp {
+.bit-dtp-icn {
     border: 1px solid var(--input-border-color);
     background-color: var(--input-background-color);
     transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s;
@@ -72,13 +76,35 @@
 }
 
 .bit-drp-sch .bit-drp-tcn {
-    padding: 0;
+    padding: 0 calc(var(--bit-spa-scaling-factor)*1);
+    align-items: center;
 }
 
 .bit-drp-pre, .bit-drp-suf {
     background: rgb(57, 79, 94);
 }
 
+.bit-dtp-icn {
+    padding: 0;
+}
+
+.bit-dtp-cac {
+    background: #1f2d40;
+}
+
+.bit-pvti {
+    color: #fff9;
+}
+
+.bit-pvt-lnk .bit-pvti:hover {
+    background-color: inherit;
+}
+
+.bit-pvti.bit-pvti-sel {
+    color: var(--bit-clr-fg-pri);
+    font-weight: inherit;
+}
+
 .bit-pvt-cct {
     font-weight: inherit;
     font-size: inherit;