chore: styles and texts adjusted

Author: jesusbalderramawgu

src/authz-module/audit-user/RenderAdminRole.tsx

@@ -14,7 +14,7 @@ const RenderAdminRole = ({ role }: RenderAdminRoleProps) => {
 
   return (
     <div className="mb-4">
-      <p className="mb-0 text-gray-700">
+      <p className="mb-0 text-primary-300 font-weight-light">
         {intl.formatMessage(messages[messageKey])}
       </p>
     </div>

src/authz-module/components/ResourceTooltip.tsx

@@ -24,7 +24,7 @@ const ResourceTooltip = ({ resourceGroup }:ResourceTooltipProps) => (
       </Popover>
     )}
   >
-    <Icon className="d-inline-block text-gray ml-2 my-auto" size="inline" src={Info} />
+    <Icon className="d-inline-block text-gray-300 ml-2 my-auto" size="inline" src={Info} />
   </OverlayTrigger>
 );
 

src/authz-module/courses/constant.ts

@@ -221,7 +221,7 @@ export const coursePermissions: PermissionMetadata[] = [
     key: CONTENT_COURSE_PERMISSIONS.VIEW_COURSE_DETAILS,
     resource: 'course_schedule_details',
     description: 'See course information including the course summary, pacing, and prerequisites..',
-    label: 'View course details',
+    label: 'View details',
     icon: RemoveRedEye,
   },
   {
@@ -236,7 +236,7 @@ export const coursePermissions: PermissionMetadata[] = [
     key: CONTENT_COURSE_PERMISSIONS.VIEW_COURSE_GRADING_SETTINGS,
     resource: 'course_grading',
     description: 'See the grading configuration for the course, including assignment types and grading scale.',
-    label: 'View grading settings',
+    label: 'View grading',
     icon: RemoveRedEye,
   },
   {

src/types.ts

@@ -50,6 +50,7 @@ export type PermissionMetadata = {
   resource: string;
   label?: string;
   description?: string;
+  icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
 };
 
 export type Org = {