From 03145b2e835d392f4c5813dad7cdc7cd5994bff5 Mon Sep 17 00:00:00 2001
From: Matteo Gheza <matteo.gheza07@gmail.com>
Date: Wed, 17 Jan 2024 16:25:28 +0100
Subject: [PATCH] Small UI fixes

---
 .../daterange-picker/daterange-picker.component.html        | 2 +-
 frontend/src/app/_components/table/table.component.scss     | 6 +-----
 frontend/src/app/_components/table/table.component.ts       | 1 +
 .../admin/maintenance/admin-maintenance.component.html      | 2 +-
 .../admin/maintenance/admin-maintenance.component.scss      | 6 +-----
 frontend/src/app/app.component.scss                         | 4 ++++
 6 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/frontend/src/app/_components/daterange-picker/daterange-picker.component.html b/frontend/src/app/_components/daterange-picker/daterange-picker.component.html
index f9df57c..9b7bd84 100644
--- a/frontend/src/app/_components/daterange-picker/daterange-picker.component.html
+++ b/frontend/src/app/_components/daterange-picker/daterange-picker.component.html
@@ -1,5 +1,5 @@
 <div class="input-group flex-nowrap">
-    <span class="input-group-text" id="dateRangeLabel" (click)="dp.show()" translate>select_date_range</span>
+    <span class="input-group-text cursor-pointer" id="dateRangeLabel" (click)="dp.show()" translate>select_date_range</span>
     <input type="text" [disabled]="disabled" [placeholder]="'select_date_range'|translate" class="form-control" placement="bottom"
         bsDaterangepicker [bsConfig]="dateRangePickerOptions" [maxDate]="maxDate" [(bsValue)]="range" (bsValueChange)="updateValue($event)" #dp="bsDaterangepicker">
     <button class="btn btn-outline-secondary" type="button" (click)="resetRange()" translate>remove_date_filters</button>
diff --git a/frontend/src/app/_components/table/table.component.scss b/frontend/src/app/_components/table/table.component.scss
index 5607df6..19487bd 100644
--- a/frontend/src/app/_components/table/table.component.scss
+++ b/frontend/src/app/_components/table/table.component.scss
@@ -24,16 +24,12 @@ img {
   max-width: 20em;
 }
 
-.cursor-pointer {
-  cursor: pointer;
-}
-
 .place_details_link {
   text-decoration: underline;
   color: #0d6efd;
 }
 
 .pagination-parent {
-  overflow-y: scroll !important;
+  overflow-x: auto !important;
 }
 
diff --git a/frontend/src/app/_components/table/table.component.ts b/frontend/src/app/_components/table/table.component.ts
index 0d0e136..d9725b8 100644
--- a/frontend/src/app/_components/table/table.component.ts
+++ b/frontend/src/app/_components/table/table.component.ts
@@ -325,6 +325,7 @@ export class TableComponent implements OnInit, OnDestroy {
         icons.push('fab fa-firefox-browser');
         break;
       case 'Safari':
+      case 'Mobile Safari':
         icons.push('fab fa-safari');
         break;
       case 'IE':
diff --git a/frontend/src/app/_routes/admin/maintenance/admin-maintenance.component.html b/frontend/src/app/_routes/admin/maintenance/admin-maintenance.component.html
index 86f861e..25c8870 100644
--- a/frontend/src/app/_routes/admin/maintenance/admin-maintenance.component.html
+++ b/frontend/src/app/_routes/admin/maintenance/admin-maintenance.component.html
@@ -107,7 +107,7 @@
                         <tbody>
                             <tr *ngFor="let job of jobs">
                                 <td>{{ job }}</td>
-                                <td (click)="runJob(job)" class="pointer text-center"
+                                <td (click)="runJob(job)" class="cursor-pointer text-center"
                                   [ngClass]="{'text-bg-danger': ultraDangerousJobs.includes(job), 'text-bg-warning': dangerousJobs.includes(job)}">
                                     <i class="fas fa-play"></i> {{ 'admin.run'|translate|ftitlecase }}
                                 </td>
diff --git a/frontend/src/app/_routes/admin/maintenance/admin-maintenance.component.scss b/frontend/src/app/_routes/admin/maintenance/admin-maintenance.component.scss
index 41ff7ed..5f69c83 100644
--- a/frontend/src/app/_routes/admin/maintenance/admin-maintenance.component.scss
+++ b/frontend/src/app/_routes/admin/maintenance/admin-maintenance.component.scss
@@ -12,10 +12,6 @@
     animation: blink 2s linear infinite;
 }
 
-.pointer {
-    cursor: pointer;
-}
-
 .right-border {
     border-right: #0000004a 1px solid
-}
\ No newline at end of file
+}
diff --git a/frontend/src/app/app.component.scss b/frontend/src/app/app.component.scss
index 95dac85..3aa39c8 100644
--- a/frontend/src/app/app.component.scss
+++ b/frontend/src/app/app.component.scss
@@ -75,3 +75,7 @@
 .footer > :last-child {
   margin-bottom: 0;
 }
+
+.cursor-pointer {
+  cursor: pointer;
+}