Update style for grid view images.

Bigger images and no stretching.

diff --git a/config/plugin.ini b/config/plugin.ini
index 98ff805..ae5c5a2 100644 (file)
--- a/config/plugin.ini
+++ b/config/plugin.ini
@@ -1,14 +1,14 @@
 ;
 ; Main Configuration File
-; Gaslight Media Members Database Plugin 
+; Gaslight Media Members Database Plugin
 ;
 
 ; Image sizes array is outsize of the sections below and is added to $config after the section is selected.
 ; Any sizes added to this section will used by the Data Abstract to generate that size when images are uploaded.
-;    Crop value: 
+;    Crop value:
 ;       1. If false (default), images will not be cropped.
-;       2. If true, images will be cropped to the specified width/height aspect ratio. 
-    
+;       2. If true, images will be cropped to the specified width/height aspect ratio.
+
 [imageSizes]
 
 large['width'] = 800
@@ -27,9 +27,9 @@ thumb['width'] = 60
 thumb['height'] = null
 thumb['crop'] = null
 
-grid['width'] = 360
-grid['height'] = 270
-grid['crop'] = null
+grid['width'] = 565
+grid['height'] = 390
+grid['crop'] = 1
 
 [common]
 

diff --git a/css/front.css b/css/front.css
index b8546b8..3aaad6b 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -355,7 +355,7 @@
     height: auto;
 }
 .glm-member-db-list .glm-member-list-image {
-    width: 100%;
+    /* width: 100%; */
 }
 glm-member-db-list.glm-member-db-grid-view .glm-member-list-image {
     position: absolute;
@@ -473,11 +473,12 @@ glm-member-db-list.glm-member-db-grid-view .glm-member-list-image {
 .glm-member-db-grid-view .glm-member-list-image {
     bottom: 0;
     left: 0;
-    min-height: 100%;
-    min-width: 100%;
+    /* min-height: 100%; */
+    /* min-width: 100%; */
     position: absolute;
     right: 0;
     top: 0;
+    margin: 0 auto;
 }
 /*
  * Grid-view styles end