Improve sort indicator visualization

openradx · Jan 17, 2024 · 3f71959 · 3f71959
1 parent 8d94a73
commit 3f71959
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/radis/core/static/core/core.css b/radis/core/static/core/core.css
@@ -97,28 +97,28 @@ caption {
 table.table thead th.asc.orderable {
   background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="black" class="bi bi-chevron-up" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z"/></svg>')
     no-repeat;
-  background-position: right 0.75rem center;
+  background-position: right 0.5rem center;
 }
 
 table.table thead th.desc.orderable {
   background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="black" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/></svg>')
     no-repeat;
-  background-position: right 0.75rem center;
+  background-position: right 0.5rem center;
 }
 
 [data-bs-theme="dark"] table.table thead th.asc.orderable {
   background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-chevron-up" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z"/></svg>')
     no-repeat;
-  background-position: right 0.75rem center;
+  background-position: right 0.5rem center;
 }
 
 [data-bs-theme="dark"] table.table thead th.desc.orderable {
   background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/></svg>')
     no-repeat;
-  background-position: right 0.75rem center;
+  background-position: right 0.5rem center;
 }
 
-/* Make the sort indicator fit for small columns */
 table.table thead th.orderable {
-  min-width: 85px;
+  padding-right: 2rem;
+  white-space: nowrap;
 }