From feaa8e315e42fc596609a65b756084c71b300099 Mon Sep 17 00:00:00 2001
From: Leo Vasanko <leo@git>
Date: Sun, 5 Nov 2023 15:55:23 +0000
Subject: [PATCH] Tighter table

---
 cista-front/src/assets/main.css             |  4 ++++
 cista-front/src/components/BreadCrumb.vue   |  5 +----
 cista-front/src/components/FileExplorer.vue | 14 ++++++--------
 cista-front/src/utils/index.ts              |  8 +++++---
 4 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/cista-front/src/assets/main.css b/cista-front/src/assets/main.css
index 43c2a42..6c8d264 100644
--- a/cista-front/src/assets/main.css
+++ b/cista-front/src/assets/main.css
@@ -121,6 +121,9 @@ button {
   min-width: 1rem;
   min-height: 1rem;
 }
+input {
+  margin: 0;
+}
 :focus {
   outline: none;
 }
@@ -133,6 +136,7 @@ a:hover {
 }
 table {
   border-collapse: collapse;
+  border-spacing: 0;
   border: 0;
   gap: 0;
 }
diff --git a/cista-front/src/components/BreadCrumb.vue b/cista-front/src/components/BreadCrumb.vue
index 6662c0d..46d2eeb 100644
--- a/cista-front/src/components/BreadCrumb.vue
+++ b/cista-front/src/components/BreadCrumb.vue
@@ -8,10 +8,7 @@
 </template>
 
 <script setup lang="ts">
-//import home from '@/assets/svg/home.svg'
-import { defineProps, defineAsyncComponent } from 'vue'
-
-const home = defineAsyncComponent(() => import(`@/assets/svg/home.svg`))
+import home from '@/assets/svg/home.svg'
 
 const props = defineProps<{
   path: Array<string>
diff --git a/cista-front/src/components/FileExplorer.vue b/cista-front/src/components/FileExplorer.vue
index b8f3e6e..ae07793 100644
--- a/cista-front/src/components/FileExplorer.vue
+++ b/cista-front/src/components/FileExplorer.vue
@@ -337,7 +337,7 @@ table .selection {
   width: 2rem;
 }
 table .modified {
-  width: 10rem;
+  width: 8rem;
 }
 table .size {
   width: 4rem;
@@ -378,9 +378,6 @@ tbody tr.cursor {
 .right {
   text-align: right;
 }
-.selection {
-  width: 2em;
-}
 .sortcolumn:hover {
   cursor: pointer;
 }
@@ -404,16 +401,17 @@ tbody tr.cursor {
 .name a {
   text-decoration: none;
 }
-tr {
-  height: 2.5rem;
-}
 tbody .selection input {
   z-index: 1;
   position: absolute;
   opacity: 0;
-  left: 0;
+  left: 0.5rem;
   top: 0;
 }
+.selection {
+  width: 2em;
+  height: 2em;
+}
 .selection input:checked {
   opacity: .7;
 }
diff --git a/cista-front/src/utils/index.ts b/cista-front/src/utils/index.ts
index 60052e7..dd0bb36 100644
--- a/cista-front/src/utils/index.ts
+++ b/cista-front/src/utils/index.ts
@@ -42,13 +42,15 @@ export function formatUnixDate(t: number) {
     return formatter.format(Math.round(diff / 86400000), 'day')
   }
 
-  const d = date.toLocaleDateString("us", {
+  let d = date.toLocaleDateString(undefined, {
     weekday: 'short',
     year: 'numeric',
     month: 'short',
     day: 'numeric'
-  }).replace("Sept", "Sep")
-  return (d.length === 16 ? d : d.replace(', ', ',\u202F\u2007')).replaceAll(' ', '\u202F')
+  }).replace("Sept", "Sep").replaceAll(',', '')
+  d = (d.length === 15 ? d : d.replace(' ', ' \u2007')).replaceAll(' ', '\u202F').replace('\u202F', '\u00A0')
+  d = d.slice(0, -4) + d.slice(-2)  // Two digit year is enough
+  return d
 }
 
 export function getFileExtension(filename: string) {