style little code date on file button

build/app.js

@@ -6702,6 +6702,11 @@ function GenerateInnerHTML(db) {
 
   _HKCheckCompletion_js__WEBPACK_IMPORTED_MODULE_0__.benchmarkTimes.GenerateInnerHTML.timeEnd = performance.now();
 }
+/**
+ * Hides all other tabs, except the one which button was clicked (shows only the chosen tab)
+ * @param {EventTarget} clickedButton The click target (button clicked)
+ */
+
 
 function PageSwitchTab(clickedButton) {
   var sectionList = document.querySelectorAll(".large-section");
@@ -7142,7 +7147,7 @@ document.getElementById("save-area-file").addEventListener("change", function (e
   var fileDate = FileDateFormat(event.target.files[0]);
 
   if (fileName) {
-    label.innerHTML = "".concat(SYMBOL_FILE).concat(fileName, " ").concat(fileDate);
+    label.innerHTML = "".concat(SYMBOL_FILE).concat(fileName, "<div class=\"code-little\">").concat(fileDate, "</div>");
   } else {
     label.innerHTML = labelInitialText;
   }

build/main.css

@@ -382,6 +382,14 @@ input[type="file"] {
   border-color: rgb(61, 228, 61);
 }
 
+.code-little {
+  font-family: 'Consolas', monospace;
+  font-size: 0.7rem;
+  text-align: left;
+  margin: 0 0 0 0.5rem;
+  color: #fff;
+}
+
 .hint {
   display: block;
   font-style: italic;
@@ -433,6 +441,8 @@ input[type="file"] {
 
 .button {
   display: inline-flex;
+  align-content: center;
+  align-items: center;
   width: max-content;
   font-size: 1rem;
   font-weight: 500;

src/css/style.css

@@ -274,6 +274,14 @@ input[type="file"] {
   border-color: rgb(61, 228, 61);
 }
 
+.code-little {
+  font-family: 'Consolas', monospace;
+  font-size: 0.7rem;
+  text-align: left;
+  margin: 0 0 0 0.5rem;
+  color: #fff;
+}
+
 .hint {
   display: block;
   font-style: italic;
@@ -325,6 +333,8 @@ input[type="file"] {
 
 .button {
   display: inline-flex;
+  align-content: center;
+  align-items: center;
   width: max-content;
   font-size: 1rem;
   font-weight: 500;

src/js/page-functions.js

@@ -1079,7 +1079,7 @@ document.getElementById("save-area-file").addEventListener("change", (event) =>
   var fileDate = FileDateFormat(event.target.files[0]);
 
   if (fileName) {
-    label.innerHTML = `${SYMBOL_FILE}${fileName} ${fileDate}`;
+    label.innerHTML = `${SYMBOL_FILE}${fileName}<div class="code-little">${fileDate}</div>`;
   } else {
     label.innerHTML = labelInitialText;
   }