Fix privacy warning position on mobile

client/proxy.config.json

@@ -6,5 +6,9 @@
   "/static": {
     "target": "http://localhost:9000",
     "secure": false
+  },
+  "/socket.io": {
+    "target": "http://localhost:9000",
+    "secure": false
   }
 }

client/src/app/+admin/system/logs/logs.component.scss

@@ -11,6 +11,7 @@
 
   .log-row {
     margin-top: 1px;
+    word-break: break-word;
 
     &:hover {
       background: rgba(0, 0, 0, 0.07);

client/src/app/+admin/system/logs/logs.component.ts

@@ -106,6 +106,6 @@ export class LogsComponent implements OnInit {
       }
     ]
 
-    this.level = 'info'
+    this.level = 'warn'
   }
 }

client/src/app/shared/images/global-icon.component.ts

@@ -1,4 +1,4 @@
-import { Component, ElementRef, Input, OnInit } from '@angular/core'
+import { ChangeDetectionStrategy, Component, ElementRef, Input, OnInit } from '@angular/core'
 
 const icons = {
   'add': require('../../../assets/images/global/add.html'),
@@ -53,7 +53,8 @@ export type GlobalIconName = keyof typeof icons
 @Component({
   selector: 'my-global-icon',
   template: '',
-  styleUrls: [ './global-icon.component.scss' ]
+  styleUrls: [ './global-icon.component.scss' ],
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class GlobalIconComponent implements OnInit {
   @Input() iconName: GlobalIconName

client/src/app/videos/+video-watch/video-watch.component.scss

@@ -432,13 +432,14 @@ my-video-comments {
 
 @media screen and (max-width: $small-view) {
   .privacy-concerns {
-    margin-left: $menu-width;
+    margin-left: $menu-width - 15px; // Menu is absolute
   }
 }
 
 :host-context(.expanded) {
   .privacy-concerns {
     width: 100%;
+    margin-left: -15px;
   }
 }
 
@@ -449,6 +450,7 @@ my-video-comments {
   padding: 5px 15px;
 
   display: flex;
+  flex-wrap: nowrap;
   align-items: center;
   justify-content: flex-start;
   background-color: rgba(0, 0, 0, 0.9);

client/src/sass/primeng-custom.scss

@@ -63,10 +63,15 @@ p-table {
       &:hover {
         background-color: var(--submenuColor) !important;
 
-        .action-cell .dropdown-root {
+        .action-cell {
+          .dropdown-root,
+          my-edit-button,
+          my-delete-button,
+          my-button {
             display: block !important;
           }
         }
+      }
 
       td {
         border: none !important;
@@ -138,7 +143,10 @@ p-table {
     padding: 0 !important;
     text-align: center;
 
-    .dropdown-root {
+    .dropdown-root,
+    my-edit-button,
+    my-delete-button,
+    my-button {
       display: none !important;
 
       &.show {