styling

frontend/src/styles.css

@@ -1932,6 +1932,16 @@ button.danger:hover:not([disabled]) {
   align-items: center;
 }
 
+.documents-panel--view-grid .folder-card__icon {
+  width: var(--documents-grid-icon-size);
+  height: var(--documents-grid-icon-size);
+  padding: 8px;
+  border-radius: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 .document-thumbnail-inner {
   position: relative;
   display: inline-flex;
@@ -2118,7 +2128,8 @@ button.danger:hover:not([disabled]) {
   text-align: center;
 }
 
-.document-card.selected .document-thumbnail-wrapper {
+.document-card.selected .document-thumbnail-wrapper,
+.folder-card.selected .folder-card__icon {
   background-color: var(--selection-soft);
 }
 
@@ -2147,7 +2158,8 @@ button.danger:hover:not([disabled]) {
   font-size: var(--documents-grid-title-size);
 }
 
-.document-card.selected .document-card__title {
+.document-card.selected .document-card__title,
+.folder-card.selected .folder-card__name {
   background-color: var(--accent);
   color: var(--on-accent);
 }
@@ -2196,6 +2208,8 @@ button.danger:hover:not([disabled]) {
   text-overflow: ellipsis;
   white-space: break-word;
   font-size: var(--documents-grid-title-size);
+  padding: 0.2rem 0.7rem;
+  border-radius: 1rem;
 }