feat: tighten file card borders on web and desktop with 0.1.10 release

desktop-client/src/App.vue

@@ -153,7 +153,7 @@ const syncState = reactive({
   nextRunAt: "",
 });
 const updateState = reactive({
-  currentVersion: "0.1.9",
+  currentVersion: "0.1.10",
   latestVersion: "",
   available: false,
   mandatory: false,
@@ -3500,8 +3500,8 @@ select:focus {
 
 .icon-grid {
   display: grid;
-  gap: 8px 10px;
-  grid-template-columns: repeat(auto-fill, 112px);
+  gap: 8px;
+  grid-template-columns: repeat(auto-fill, 108px);
   justify-content: flex-start;
   align-content: start;
   min-height: 0;
@@ -3525,18 +3525,18 @@ select:focus {
 
 .file-card {
   border: 1px solid transparent;
-  border-radius: 10px;
+  border-radius: 9px;
   background: transparent;
   text-align: left;
-  padding: 8px 6px;
+  padding: 7px 6px 6px;
   cursor: pointer;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   gap: 4px;
-  width: 112px;
-  min-height: 132px;
+  width: 108px;
+  min-height: 124px;
   overflow: hidden;
   position: relative;
 }
@@ -3591,10 +3591,10 @@ select:focus {
 }
 
 .file-icon-shell {
-  width: 62px;
-  height: 52px;
+  width: 60px;
+  height: 50px;
   position: relative;
-  margin-top: 2px;
+  margin-top: 1px;
   border-radius: 10px;
   border: 1px solid #cfdced;
   background: linear-gradient(180deg, #7ab5ff 0%, #4689dd 100%);
@@ -3687,8 +3687,8 @@ select:focus {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
-  min-height: 33px;
-  max-height: 33px;
+  min-height: 32px;
+  max-height: 32px;
 }
 
 .inline-rename-input {