From 33f6ac4171cf3ac6c710d8ff0347370c486783fd Mon Sep 17 00:00:00 2001
From: Hao Sun <sunhao@easycorp.ltd>
Date: Mon, 16 Aug 2021 14:28:16 +0800
Subject: [PATCH] * improve UI of cards view for project/browse: change grid
 size when screen width reduction.

---
 module/project/view/browsebycard.html.php | 1 +
 1 file changed, 1 insertion(+)

diff --git a/module/project/view/browsebycard.html.php b/module/project/view/browsebycard.html.php
index bc6b077160..cb220c654f 100644
--- a/module/project/view/browsebycard.html.php
+++ b/module/project/view/browsebycard.html.php
@@ -13,6 +13,7 @@
 <style>
 #cards {margin: 0 0;}
 #cards > .col {width: 25%;}
+@media screen and (max-width: 1500px) {#cards > .col {width: 33.3333333%;}}
 #cards .panel {margin: 10px 0;  border: 1px solid #DCDCDC; border-radius: 4px; box-shadow: none; cursor: pointer; height: 190px;}
 #cards .pager .btn {padding-top: 4px;}
 #cards .panel:hover {border-color: #006AF1; box-shadow: 0 0 10px 0 rgba(0,0,100,.25);}