From efa5ba3f622edcdd93422249ee0c7f845328d5d6 Mon Sep 17 00:00:00 2001
From: Markus Huggler <markus.huggler@novaloop.ch>
Date: Fri, 23 Dec 2022 16:12:22 +0100
Subject: [PATCH] feat: small UI fixes

---
 .../src/app/followings/matrix/matrix.component.html         | 6 +++---
 .../src/app/followings/table/table.component.html           | 4 ++--
 .../src/app/followings/table/table.component.scss           | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/projects/mastolists/src/app/followings/matrix/matrix.component.html b/projects/mastolists/src/app/followings/matrix/matrix.component.html
index fa89f85..1f21c56 100644
--- a/projects/mastolists/src/app/followings/matrix/matrix.component.html
+++ b/projects/mastolists/src/app/followings/matrix/matrix.component.html
@@ -40,9 +40,9 @@
                     </span>
                 </th>
                 <td *ngFor="let list of lists$ | async">
-                    <nb-checkbox
-                        [checked]="isChecked(account.lists, list.id)"
-                        (checkedChange)="onCheckedChange($event, account.id, list.id)">
+                    <nb-checkbox style="cursor: pointer;"
+                                 [checked]="isChecked(account.lists, list.id)"
+                                 (checkedChange)="onCheckedChange($event, account.id, list.id)">
                     </nb-checkbox>
                 </td>
             </tr>
diff --git a/projects/mastolists/src/app/followings/table/table.component.html b/projects/mastolists/src/app/followings/table/table.component.html
index c2a0c03..0586ad8 100644
--- a/projects/mastolists/src/app/followings/table/table.component.html
+++ b/projects/mastolists/src/app/followings/table/table.component.html
@@ -36,7 +36,7 @@
                 <td class="col medium">
                     <div *ngFor="let list of row.lists">
                         {{list.title}}
-                        <nb-icon icon="person-remove-outline" (click)="removeAccountFromList(row.id, list.id)">
+                        <nb-icon icon="person-remove-outline" (click)="removeAccountFromList(row.id, list.id)" style="cursor: pointer;">
                             Remove Account from list
                         </nb-icon>
                     </div>
@@ -46,7 +46,7 @@
                         <select class="list-select" #listSelect>
                             <option *ngFor="let list of lists$ | async" [value]="list.id">{{list.title}}</option>
                         </select>
-                        <nb-icon icon="person-add-outline" (click)="addAccountToSelectedList(row.id, listSelect.value)">
+                        <nb-icon icon="person-add-outline" (click)="addAccountToSelectedList(row.id, listSelect.value)" style="cursor: pointer;">
                             Add Account to list
                         </nb-icon>
                     </div>
diff --git a/projects/mastolists/src/app/followings/table/table.component.scss b/projects/mastolists/src/app/followings/table/table.component.scss
index 47a7af4..03b14ba 100644
--- a/projects/mastolists/src/app/followings/table/table.component.scss
+++ b/projects/mastolists/src/app/followings/table/table.component.scss
@@ -24,7 +24,7 @@ table {
         &.large {
             min-width: 400px;
         }
-        max-width: calc(100vw / 3);
+        max-width: calc(100vw / 4);
         overflow: hidden;
         text-overflow: ellipsis;
     }