Smoother UI and various other adjustments.

cista-front/src/assets/main.css

@@ -42,11 +42,11 @@
 @media print {
   :root {
     --primary-color: black;
-    --primary-background: transparent;
-    --header-background: transparent;
+    --primary-background: none;
+    --header-background: none;
     --header-color: black;
   }
-  nav, .menu {
+  nav, .menu, .rename-button {
     display: none;
   }
   .breadcrumb > a {
@@ -73,7 +73,14 @@
     padding: 0 !important;
   }
   .selection input { display: none }
-  .selection input:checked { display: inherit }
+  .selection input:checked { display: inherit; }
+  tbody .selection input:checked {
+    opacity: 1 !important;
+    transform: scale(0.5);
+    top: 0.1rem !important;
+    left: -0.3rem !important;
+  }
+
 }
 
 /* Hide scrollbar for all browsers */
@@ -89,6 +96,9 @@ body {
   color: var(--primary-color);
   margin: 0;
 }
+tbody .size, tbody .modified {
+  font-family: 'Roboto Mono';
+}
 header {
   background-color: var(--header-background);
   color: var(--header-color);
@@ -96,6 +106,10 @@ header {
 main {
   height: 100%;
 }
+::selection {
+  color: #000;
+  background: yellow !important;
+}
 button {
   font: inherit;
   color: inherit;
@@ -132,7 +146,3 @@ main {
   padding-bottom: 3rem;  /* convenience space on the bottom */
   overflow-y: scroll;
 }
-thead tr {
-  position: sticky;
-  top: 0;
-}