From c40088fbfe145caaceefb8ae47716a64e2af63b1 Mon Sep 17 00:00:00 2001
From: Ruslan Izhitsky <ruslan.izhitskiy@xored.com>
Date: Thu, 28 Apr 2022 16:00:01 +0700
Subject: [PATCH] Chunter: FileBrowser - replace px with rem (#1582)

Signed-off-by: Ruslan Izhitsky <ruslan.izhitskiy@xored.com>
---
 .../src/components/AttachmentGalleryPresenter.svelte | 12 ++++++------
 .../src/components/AttachmentsGalleryView.svelte     |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/plugins/attachment-resources/src/components/AttachmentGalleryPresenter.svelte b/plugins/attachment-resources/src/components/AttachmentGalleryPresenter.svelte
index 5010fd7ec1..e34912ee34 100644
--- a/plugins/attachment-resources/src/components/AttachmentGalleryPresenter.svelte
+++ b/plugins/attachment-resources/src/components/AttachmentGalleryPresenter.svelte
@@ -96,7 +96,7 @@
 <style lang="scss">
   .gridCellOverlay {
     position: relative;
-    padding: 4px;
+    padding: 0.25rem;
   }
 
   .gridCell {
@@ -104,7 +104,7 @@
     height: 100%;
     display: flex;
     flex-direction: column;
-    border-radius: 12px;
+    border-radius: 0.75rem;
     justify-content: space-between;
     overflow: hidden;
     box-shadow: 0 0 0 1px var(--theme-bg-focused-border);
@@ -113,7 +113,7 @@
   .cellImagePreview {
     display: flex;
     justify-content: center;
-    height: 160px;
+    height: 10rem;
     overflow: hidden;
     margin: 0 1.5rem;
     border-radius: 0.5rem;
@@ -125,7 +125,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    height: 160px;
+    height: 10rem;
   }
 
   .img-fit {
@@ -137,8 +137,8 @@
   .cellInfo {
     display: flex;
     flex-direction: row;
-    padding: 12px;
-    min-height: 36px;
+    padding: 0.75rem;
+    height: 4rem;
     align-items: center;
 
     .eCellInfoData {
diff --git a/plugins/attachment-resources/src/components/AttachmentsGalleryView.svelte b/plugins/attachment-resources/src/components/AttachmentsGalleryView.svelte
index 18b0d81b75..b8dfef82da 100644
--- a/plugins/attachment-resources/src/components/AttachmentsGalleryView.svelte
+++ b/plugins/attachment-resources/src/components/AttachmentsGalleryView.svelte
@@ -55,7 +55,7 @@
   .galleryGrid {
     display: grid;
     margin: 0 1.5rem;
-    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
   }
 
   .attachmentCell {