More room for software names and keep tooltips visible (#2867)

changes/fix-2726-long-software-names

@@ -0,0 +1 @@
+* Provide more room for software names and ensure tooltip is visible at smaller screen sizes

frontend/components/TableContainer/DataTable/_styles.scss

@@ -83,6 +83,13 @@
           max-width: 140px;
         }
       }
+
+      &.active-selection th {
+        border: 0;
+        .fleet-checkbox {
+          opacity: 0;
+        }
+      }
     }
 
     .Select.is-focused:not(.is-open) > .Select-control {

frontend/pages/hosts/HostDetailsPage/SoftwareTable/SoftwareTableConfig.tsx

@@ -117,7 +117,7 @@ const generateSoftwareTableHeaders = (): IDataColumn[] => {
         const { name, bundle_identifier } = cellProps.row.original;
         if (bundle_identifier) {
           return (
-            <span>
+            <span className="name-container">
               {name}
               <span
                 className={`software-name tooltip__tooltip-icon`}

frontend/pages/hosts/HostDetailsPage/_styles.scss

@@ -471,8 +471,6 @@
 
   .section--software {
     th {
-      width: 200px;
-
       &:first-child {
         border-right: none;
         width: 16px;
@@ -487,12 +485,29 @@
       &:nth-last-child(2) {
         border-right: 0 !important;
       }
+
+      &.source__header {
+        width: 20%;
+      }
+
+      &.version__header {
+        width: 10%;
+      }
     }
     tr {
       td {
+        position: relative;
         &:first-child {
           padding-right: 0px;
         }
+        .name-container {
+          .tooltip__tooltip-icon {
+            @include breakpoint(ltdesktop) {
+              position: absolute;
+              right: 0.5rem;
+            }
+          }
+        }
       }
 
       a {