Tailwind 3 and Switch UI scaling from a base-10 to base-16

app/assets/javascripts/fontawesome.js

@@ -15,6 +15,7 @@ import { faCircleQuestion } from "@fortawesome/free-solid-svg-icons/faCircleQues
 import { faTriangleExclamation } from "@fortawesome/free-solid-svg-icons/faTriangleExclamation";
 import { faCircleExclamation } from "@fortawesome/free-solid-svg-icons/faCircleExclamation";
 import { faInfoCircle } from "@fortawesome/free-solid-svg-icons";
+import { faPaperPlane } from "@fortawesome/free-solid-svg-icons";
 
 let FontAwesomeIconLoader = () => {
   config.autoAddCss = false;
@@ -28,6 +29,7 @@ let FontAwesomeIconLoader = () => {
     faTriangleExclamation,
     faCircleExclamation,
     faInfoCircle,
+    faPaperPlane,
   ]);
   dom.watch();
 };

app/assets/javascripts/scheduler/App.js

@@ -28,9 +28,7 @@ export const App = () => {
         <ErrorMessage />
         <p className="messageTextStyle">{translate("select_date")}</p>
         <div className="schedule">
-          <div>
-            <Calendar />
-          </div>
+          <Calendar />
           <DateTime />
           <SetDateTime />
         </div>

app/assets/javascripts/scheduler/Confirmation/Confirmation.js

@@ -13,18 +13,21 @@ export const Confirmation = () => {
     _24hr === "on" ? time : dayjs(date).format(translate("time_format"));
 
   return selected.length > 0 && time ? (
-    <div>
-      <div className="confirmation set">
+    <div className="confirmation set">
+      <i
+        aria-hidden="true"
+        class="confirmationIcon fa-xl fa-solid fa-paper-plane"
+      ></i>
+
+      <div className="confirmationMessage">
         <p>{translate("message_will_be_sent")}</p>
-        <p>
-          <strong>
+        <p className="confirmationTime">
+          <time datetime={date}>
             {translate("date_prefix")}
             {dayjs(date).format(translate("date_format"))} {translate("at")}{" "}
             {timeFormat}
-          </strong>
+          </time>
         </p>
-      </div>
-      <div>
         <p>{translate("cancel")}</p>
       </div>
     </div>