Tighter table

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>

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;
 }