feat(Map): Remove resizible and fix styles of column sorting

Fixes #22

assets/js/hooks/Mapper/common-styles/fixes.scss

@@ -70,5 +70,18 @@
 .p-sortable-column {
   font-size: 12px;
   font-weight: bold;
-  padding: 0.25rem 0.5rem;
+  padding: 3px 4px;
 }
+
+.p-selectable-row td {
+  padding: 8px 4px;
+}
+
+.p-sortable-column > .p-column-header-content > span:last-child {
+  transform: scale(0.7);
+
+  & > svg {
+    margin-left: 4px;
+  }
+}
+

assets/js/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/SystemSignaturesContent/SystemSignaturesContent.module.scss

@@ -6,13 +6,5 @@
 }
 
 .Table {
-  :global {
-    .p-sortable-column > .p-column-header-content > span:last-child {
-      transform: scale(0.7);
 
-      & > svg {
-        margin-left: 4px;
-      }
-    }
-  }
 }

assets/js/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/SystemSignaturesContent/SystemSignaturesContent.tsx

@@ -31,11 +31,11 @@ import useLocalStorageState from 'use-local-storage-state';
 type SystemSignaturesSortSettings = {
   sortField: string;
   sortOrder: SortOrder;
-}
+};
 
 const SORT_DEFAULT_VALUES: SystemSignaturesSortSettings = {
   sortField: 'eve_id',
-  sortOrder: 1
+  sortOrder: 1,
 };
 
 interface SystemSignaturesContentProps {
@@ -183,8 +183,6 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures
   //   );
   // };
 
-  const headerClasses = clsx(classes.HeaderRow, 'text-[12px] py-[3px]');
-
   return (
     <div ref={tableRef} className="h-full">
       {filteredSignatures.length === 0 ? (
@@ -208,7 +206,7 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures
             selectAll
             sortField={sortSettings.sortField}
             sortOrder={sortSettings.sortOrder}
-            onSort={(event) => setSortSettings(() => ({ sortField: event.sortField, sortOrder: event.sortOrder }))}
+            onSort={event => setSortSettings(() => ({ sortField: event.sortField, sortOrder: event.sortOrder }))}
             onRowMouseEnter={compact || medium ? handleEnterRow : undefined}
             onRowMouseLeave={compact || medium ? handleLeaveRow : undefined}
             rowClassName={row => {
@@ -226,7 +224,6 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures
           >
             <Column
               bodyClassName="p-0 px-1"
-              headerClassName={headerClasses}
               field="group"
               body={renderIcon}
               style={{ maxWidth: 26, minWidth: 26, width: 26 }}
@@ -235,7 +232,6 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures
             <Column
               field="eve_id"
               header="Id"
-              headerClassName={headerClasses}
               bodyClassName="text-ellipsis overflow-hidden whitespace-nowrap"
               style={{ maxWidth: 72, minWidth: 72, width: 72 }}
               sortable
@@ -243,7 +239,6 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures
             <Column
               field="group"
               header="Group"
-              headerClassName={headerClasses}
               bodyClassName="text-ellipsis overflow-hidden whitespace-nowrap"
               hidden={compact}
               sortable
@@ -251,7 +246,6 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures
             <Column
               field="name"
               header="Name"
-              headerClassName={headerClasses}
               bodyClassName="text-ellipsis overflow-hidden whitespace-nowrap"
               body={renderName}
               style={{ maxWidth: nameColumnWidth }}
@@ -262,7 +256,6 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures
               field="updated_at"
               header="Updated"
               dataType="date"
-              headerClassName={headerClasses}
               bodyClassName="w-[80px] text-ellipsis overflow-hidden whitespace-nowrap"
               body={renderTimeLeft}
               sortable