improve(ui): icons of file sync indicator

src/main/frontend/components/file_sync.cljs

@@ -434,8 +434,8 @@
              (when-not (and no-active-files? idle?)
                (cond
                  need-password?
-                 [{:title   [:div.file-item
-                             (ui/icon "lock") "Password is required"]
+                 [{:title   [:div.file-item.flex.items-center.leading-none.pt-3
+                             (ui/icon "lock" {:size 20}) [:span.pl-1.font-semibold "Password is required"]]
                    :options {:on-click fs-sync/sync-need-password!}}]
 
                  ;; head of upcoming sync

src/main/frontend/components/file_sync.css

@@ -196,6 +196,10 @@
 
     .ti {
       @apply translate-y-0;
+
+      &.ls-icon-thumb-up {
+        @apply translate-x-[0.5px];
+      }
     }
 
     > .a {