Merge pull request #2298 from penpot/Waishnav-button-gap-fix

✨ UI improvements in Project section

CHANGES.md

@@ -39,6 +39,7 @@
 ### :heart: Community contributions by (Thank you!)
 
 - To @andrewzhurov for many code contributions on this release.
+- UI improvements in Project section (by @Waishnav) [#2285](https://github.com/penpot/penpot/pull/2285)
 
 ## 1.15.4-beta
 

frontend/resources/styles/main/partials/dashboard.scss

@@ -191,9 +191,10 @@
     justify-content: space-between;
     align-items: center;
     margin-top: $size-4;
-    padding: $size-1 $size-1 $size-1 $size-2;
+    padding: $size-2 $size-2 $size-2 $size-4;
     width: 99%;
-    height: 40px;
+    max-height: 40px;
+    gap: $size-2;
     .project-name-wrapper {
       display: flex;
       align-items: center;
@@ -227,7 +228,7 @@
 
     .btn-secondary {
       border: none;
-      height: 32px;
+      padding: $size-2;
     }
 
     h2 {
@@ -236,7 +237,7 @@
       line-height: 1rem;
       font-weight: 600;
       color: $color-black;
-      margin-right: $size-4;
+      margin-right: $size-1;
     }
 
     .edit-wrapper {

frontend/src/app/main/ui/dashboard/projects.cljs

@@ -244,7 +244,7 @@
                          :on-menu-close on-menu-close
                          :on-import on-import}]
 
-       [:span.info (str file-count " files")]
+       [:span.info (str (tr "labels.num-of-files" (i18n/c file-count)))]
        (when (> file-count 0)
          (let [time (-> (:modified-at project)
                         (dt/timeago {:locale locale}))]