increasing sizing

src/components/UI/Header.tsx

@@ -75,17 +75,21 @@ export default function Header() {
         </Link>
       </div>
       {/* Right: Texts stacked + icons */}
-      <div className="flex items-center space-x-12">
+      <div className="flex items-center space-x-24">
         <div className="flex flex-col leading-tight text-white text-sm tabular-nums">
           <h2>Local: {localStr}</h2>
           <h2>UTC: {utcStr}</h2>
         </div>
-        <div className="flex flex-row space-x-2">
+        <div className="flex flex-row space-x-8">
           <Link to={"/session-settings"}>
-            <FontAwesomeIcon className="text-white" icon={faListCheck} />
+            <FontAwesomeIcon
+              className="text-white"
+              icon={faListCheck}
+              size="2x"
+            />
           </Link>
           <Link to={"/system-settings"}>
-            <FontAwesomeIcon className="text-white" icon={faGear} />
+            <FontAwesomeIcon className="text-white" icon={faGear} size="2x" />
           </Link>
         </div>
       </div>