Fix scaling and mobile layouts

cista-front/src/components/FileExplorer.vue

@@ -442,6 +442,7 @@ table td {
   }
 }
 thead tr {
+  font-size: var(--header-font-size);
   background: linear-gradient(to bottom, #eee, #fff 30%, #ddd);
   color: #000;
   box-shadow: 0 0 .2rem black;

cista-front/src/components/HeaderMain.vue

@@ -88,8 +88,8 @@ defineExpose({
   flex-shrink: 1;
 }
 input[type='search'] {
-  background: var(--primary-background);
-  color: var(--primary-color);
+  background: var(--input-background);
+  color: var(--input-color);
   border: 0;
   border-radius: 0.1em;
   padding: 0.5em;

cista-front/src/components/HeaderSelected.vue

@@ -146,7 +146,7 @@ const download = async () => {
 <style>
 .select-text {
   color: var(--accent-color);
-  text-wrap: nowrap;
+  white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }