fixed cursor

apps/red-ui/src/app/app.module.ts

@@ -49,8 +49,8 @@ import {LogoComponent} from './logo/logo.component';
 import {AuthInterceptorService} from "./interceptor/auth-interceptor.service";
 import {CompositeRouteGuard} from "./utils/composite-route.guard";
 import {AppStateGuard} from "./state/app-state.guard";
-import { SimpleDoughnutChartComponent } from './simple-doughnut-chart/simple-doughnut-chart.component';
-import { ManualRedactionDialogComponent } from './screens/file/manual-redaction-dialog/manual-redaction-dialog.component';
+import {SimpleDoughnutChartComponent} from './simple-doughnut-chart/simple-doughnut-chart.component';
+import {ManualRedactionDialogComponent} from './screens/file/manual-redaction-dialog/manual-redaction-dialog.component';
 import {MatCheckboxModule} from "@angular/material/checkbox";
 
 export function HttpLoaderFactory(httpClient: HttpClient) {
@@ -76,78 +76,78 @@ export function HttpLoaderFactory(httpClient: HttpClient) {
     SimpleDoughnutChartComponent,
     ManualRedactionDialogComponent
   ],
-    imports: [
-        BrowserModule,
-        BrowserAnimationsModule,
-        ReactiveFormsModule,
-        HttpClientModule,
-        AuthModule,
-        IconsModule,
-        ApiModule,
-        MatDialogModule,
-        TranslateModule.forRoot({
-            loader: {
-                provide: TranslateLoader,
-                useFactory: HttpLoaderFactory,
-                deps: [HttpClient]
+  imports: [
+    BrowserModule,
+    BrowserAnimationsModule,
+    ReactiveFormsModule,
+    HttpClientModule,
+    AuthModule,
+    IconsModule,
+    ApiModule,
+    MatDialogModule,
+    TranslateModule.forRoot({
+      loader: {
+        provide: TranslateLoader,
+        useFactory: HttpLoaderFactory,
+        deps: [HttpClient]
+      }
+    }),
+    RouterModule.forRoot([
+      {
+        path: '',
+        redirectTo: 'ui/projects',
+        pathMatch: 'full'
+      },
+      {
+        path: 'ui',
+        component: BaseScreenComponent,
+        children: [
+          {
+            path: 'projects',
+            component: ProjectListingScreenComponent,
+            canActivate: [CompositeRouteGuard],
+            data: {
+              routeGuards: [AuthGuard, AppStateGuard],
             }
-        }),
-        RouterModule.forRoot([
-            {
-                path: '',
-                redirectTo: 'ui/projects',
-                pathMatch: 'full'
-            },
-            {
-                path: 'ui',
-                component: BaseScreenComponent,
-                children: [
-                    {
-                        path: 'projects',
-                        component: ProjectListingScreenComponent,
-                        canActivate: [CompositeRouteGuard],
-                        data: {
-                            routeGuards: [AuthGuard, AppStateGuard],
-                        }
-                    },
-                    {
-                        path: 'projects/:projectId',
-                        component: ProjectOverviewScreenComponent,
-                        canActivate: [CompositeRouteGuard],
-                        data: {
-                            routeGuards: [AuthGuard, AppStateGuard],
-                        }
-                    },
-                    {
-                        path: 'projects/:projectId/file/:fileId',
-                        component: FilePreviewScreenComponent,
-                        canActivate: [CompositeRouteGuard],
-                        data: {
-                            routeGuards: [AuthGuard, AppStateGuard],
-                        }
-                    }
-                ]
+          },
+          {
+            path: 'projects/:projectId',
+            component: ProjectOverviewScreenComponent,
+            canActivate: [CompositeRouteGuard],
+            data: {
+              routeGuards: [AuthGuard, AppStateGuard],
             }
+          },
+          {
+            path: 'projects/:projectId/file/:fileId',
+            component: FilePreviewScreenComponent,
+            canActivate: [CompositeRouteGuard],
+            data: {
+              routeGuards: [AuthGuard, AppStateGuard],
+            }
+          }
+        ]
+      }
 
-        ]),
-        NgpSortModule,
-        MatToolbarModule,
-        MatButtonModule,
-        MatMenuModule,
-        MatIconModule,
-        MatTooltipModule,
-        MatSnackBarModule,
-        MatTabsModule,
-        MatButtonToggleModule,
-        MatFormFieldModule,
-        ToastrModule.forRoot(),
-        MatSelectModule,
-        MatSidenavModule,
-        FileUploadModule,
-        ServiceWorkerModule.register('ngsw-worker.js', {enabled: environment.production}),
-        MatProgressSpinnerModule,
-        MatCheckboxModule
-    ],
+    ]),
+    NgpSortModule,
+    MatToolbarModule,
+    MatButtonModule,
+    MatMenuModule,
+    MatIconModule,
+    MatTooltipModule,
+    MatSnackBarModule,
+    MatTabsModule,
+    MatButtonToggleModule,
+    MatFormFieldModule,
+    ToastrModule.forRoot(),
+    MatSelectModule,
+    MatSidenavModule,
+    FileUploadModule,
+    ServiceWorkerModule.register('ngsw-worker.js', {enabled: environment.production}),
+    MatProgressSpinnerModule,
+    MatCheckboxModule
+  ],
   providers: [{
     provide: HTTP_INTERCEPTORS,
     multi: true,

apps/red-ui/src/app/screens/project-listing-screen/project-listing-screen.component.html

@@ -31,7 +31,7 @@
     <div class="table-content">
       <div *ngFor="let pw of appStateService.allProjects | sortBy:'desc':'projectDate'"
            [routerLink]="'/ui/projects/'+pw.project.projectId"
-           class="table-item"
+           class="table-item pointer"
       >
         <div class="flex-2">
           <div class="table-item-title table-item-title--large">

apps/red-ui/src/assets/styles/red-page-layout.scss

@@ -187,3 +187,7 @@ html, body {
 .hidden {
   display: none !important;
 }
+
+.pointer{
+  cursor: pointer;
+}

apps/red-ui/src/assets/styles/red-tables.scss

@@ -32,7 +32,6 @@
   display: flex;
   align-items: center;
   height: 80px;
-  cursor: pointer;
   border-bottom: 1px solid rgba(226, 228, 233, 0.9);
 
   > div:not(.on-hover) {