From f3b9e076fa9f00e86b6b8fd2d95daa03708ecc1e Mon Sep 17 00:00:00 2001
From: prssanna <prssud@gmail.com>
Date: Tue, 3 Nov 2020 19:40:29 +0530
Subject: [PATCH] fix: responsive grid layout

---
 frappe/public/scss/desk/file-view.scss  | 4 ++--
 frappe/public/scss/desk/image-view.scss | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frappe/public/scss/desk/file-view.scss b/frappe/public/scss/desk/file-view.scss
index a736ae9b81..0db83fd37b 100644
--- a/frappe/public/scss/desk/file-view.scss
+++ b/frappe/public/scss/desk/file-view.scss
@@ -31,7 +31,7 @@
 		.file-grid {
 			padding: var(--padding-sm);
 			display: grid;
-			grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+			grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
 			grid-gap: var(--margin-md);
 			max-width: 100%;
 
@@ -109,7 +109,7 @@
 						top: -15px;
 						left: 0px;
 						width: 100%;
-						background-color: var(--bg-color);
+						background-color: var(--bg-colorw);
 						border-radius: var(--border-radius);
 					}
 				}
diff --git a/frappe/public/scss/desk/image-view.scss b/frappe/public/scss/desk/image-view.scss
index b3c5f82ac5..1323000cf0 100644
--- a/frappe/public/scss/desk/image-view.scss
+++ b/frappe/public/scss/desk/image-view.scss
@@ -29,7 +29,7 @@
 
 	.image-view-container {
 		display: grid;
-		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
 		max-width: 100%;
 
 		.image-view-row {