Fix: Miscellaneous v2.0 visual fixes (#4576)

* Fix notes count in tab button wrapping

* Fix position of custom fields dropdown on mobile

* Limit list view title width

* Update messages.xlf

src-ui/src/app/components/common/custom-fields-dropdown/custom-fields-dropdown.component.scss

@@ -4,7 +4,7 @@
     // correct position on mobile
     @media (max-width: 575.98px) {
         &.show {
-            margin-left: -175px !important;
+            margin-left: -245px !important;
         }
     }
 }

src-ui/src/app/components/document-detail/document-detail.component.html

@@ -211,7 +211,7 @@
                 </li>
 
                 <li [ngbNavItem]="DocumentDetailNavIDs.Notes" *ngIf="notesEnabled">
-                    <a ngbNavLink i18n>Notes <span *ngIf="document?.notes.length" class="badge text-bg-secondary ms-1">{{document.notes.length}}</span></a>
+                    <a class="text-nowrap" ngbNavLink i18n>Notes <span *ngIf="document?.notes.length" class="badge text-bg-secondary ms-1">{{document.notes.length}}</span></a>
                     <ng-template ngbNavContent>
                         <pngx-document-notes [documentId]="documentId" [notes]="document?.notes" [addDisabled]="!userCanEdit" (updated)="notesUpdated($event)"></pngx-document-notes>
                     </ng-template>

src-ui/src/app/components/document-list/document-list.component.html

@@ -143,6 +143,7 @@
       <th
         pngxSortable="title"
         title="Sort by title" i18n-title
+        class="w-40"
         [currentSortField]="list.sortField"
         [currentSortReverse]="list.sortReverse"
         (sort)="onSort($event)"

src-ui/src/app/components/document-list/document-list.component.scss

@@ -10,6 +10,10 @@ th {
   cursor: pointer;
 }
 
+th.w-40 {
+  width: 40%;
+}
+
 .table-row-selected {
   background-color: var(--pngx-primary-faded);
 }