style

frontend/src/styles.css

@@ -1309,7 +1309,7 @@ button.icon-button.ghost:hover:not([disabled]) {
 .documents-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
-  gap: 0.2rem 1.3rem;
+  gap: 0.3rem 1.3rem;
   padding: 0;
 }
 
@@ -1317,7 +1317,7 @@ button.icon-button.ghost:hover:not([disabled]) {
   padding: 0rem;
   display: flex;
   flex-direction: column;
-  gap: 0.1rem;
+  gap: 0.3rem;
   cursor: pointer;
   align-items: center;
   text-align: center;
@@ -1364,6 +1364,7 @@ button.icon-button.ghost:hover:not([disabled]) {
   display: flex;
   flex-wrap: wrap;
   gap: 0.25rem;
+  justify-content: center;
 }
 
 .folder-card {
@@ -1375,11 +1376,16 @@ button.icon-button.ghost:hover:not([disabled]) {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 100%;
-  aspect-ratio: 1;
+  width: 128px;
+  height: 128px;
   color: var(--accent);
 }
 
+.folder-card__icon-svg {
+  width: 100%;
+  height: 100%;
+}
+
 .folder-card__meta {
   display: flex;
   flex-direction: column;
@@ -1396,16 +1402,6 @@ button.icon-button.ghost:hover:not([disabled]) {
   white-space: nowrap;
 }
 
-.folder-card__badge {
-  display: inline-flex;
-  align-self: center;
-  padding: 0.12rem 0.45rem;
-  font-size: 0.72rem;
-  border-radius: 999px;
-  background: var(--surface-soft);
-  color: var(--muted);
-  border: 1px solid var(--border);
-}
 
 .doc-name__title {
   font-weight: 600;