fix filter input widths and white icon color

Author: xbhouse

src/Pages/Repositories/AdminTaskTable/components/AdminTaskFilters.tsx

@@ -32,16 +32,12 @@ const useStyles = createUseStyles({
     marginLeft: '16px',
   },
   filter: {
-    width: '100%',
+    width: 'auto',
     maxWidth: 'unset',
   },
   filterDropdown: {
     width: 'fit-content',
   },
-  fullWidth: {
-    width: '100%',
-    maxWidth: 'unset',
-  },
 });
 
 const statusValues = ['Running', 'Failed', 'Completed', 'Canceled', 'Pending'];

src/Pages/Repositories/ContentListTable/components/ContentListFilters.tsx

@@ -52,7 +52,7 @@ const useStyles = createUseStyles({
     flexDirection: 'row',
   },
   fullWidth: {
-    width: '100%',
+    width: 'auto',
     maxWidth: 'unset',
   },
 });

src/Pages/Repositories/ContentListTable/components/SnapshotDetailsModal/Tabs/SnapshotErrataFilters.tsx

@@ -30,6 +30,10 @@ const useStyles = createUseStyles({
   ensureMinHeight: {
     flexFlow: 'column nowrap',
   },
+  fullWidth: {
+    width: 'auto',
+    maxWidth: 'unset',
+  },
 });
 
 interface Props {
@@ -102,6 +106,7 @@ export default function SnapshotErrataFilters({ isLoading, setFilterData, filter
             isDisabled={isLoading}
             id='search'
             ouiaId='filter_search'
+            className={classes.fullWidth}
             placeholder='Filter by name/synopsis'
             value={search}
             type='search'
@@ -116,10 +121,10 @@ export default function SnapshotErrataFilters({ isLoading, setFilterData, filter
             toggle={(toggleRef) => (
               <MenuToggle
                 ref={toggleRef}
-                // className={classes.menuToggle}
                 aria-label='filter type'
                 id='typeSelect'
                 ouiaId='filter_by_type'
+                className={classes.fullWidth}
                 onClick={() => setActionOpen((prev) => !prev)}
                 isDisabled={isLoading}
                 isExpanded={isActionOpen}
@@ -156,6 +161,7 @@ export default function SnapshotErrataFilters({ isLoading, setFilterData, filter
                 aria-label='filter severity'
                 id='severitySelect'
                 ouiaId='filter_by_severity'
+                className={classes.fullWidth}
                 onClick={() => setActionOpen((prev) => !prev)}
                 isDisabled={isLoading}
                 isExpanded={isActionOpen}
@@ -206,6 +212,7 @@ export default function SnapshotErrataFilters({ isLoading, setFilterData, filter
               aria-label='filterSelectionDropdown'
               id='filterSelectionDropdown'
               ouiaId='filter_type_toggle'
+              className={classes.fullWidth}
               onClick={() => setTypeFilterOpen((prev) => !prev)}
               isDisabled={isLoading}
               isExpanded={typeFilterOpen}

src/components/SeverityWithIcon/SeverityWithIcon.tsx

@@ -3,7 +3,7 @@ import { SecurityIcon } from '@patternfly/react-icons';
 import {
   c_alert_m_warning__icon_Color,
   c_alert_m_danger__icon_Color,
-  t_global_icon_color_300,
+  c_label_m_orangered_m_outline_m_clickable_hover_BorderColor,
   c_alert_m_info__icon_Color,
 } from '@patternfly/react-tokens';
 
@@ -16,7 +16,7 @@ const useStyles = (color: string) => {
       finalColor = c_alert_m_danger__icon_Color.value;
       break;
     case 'important':
-      finalColor = t_global_icon_color_300.value;
+      finalColor = c_label_m_orangered_m_outline_m_clickable_hover_BorderColor.value;
       break;
     case 'moderate':
       finalColor = c_alert_m_warning__icon_Color.value;