From 622871fcdee59cdb6d8294d1107a73c0add41b68 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?D=C3=A1niel=20P=C3=A9ter=20Sipos?= <dsipos@monguz.hu>
Date: Fri, 16 Oct 2020 14:53:58 +0200
Subject: [PATCH] #895 fix grid layout

---
 src/app/shared/object-grid/object-grid.component.html | 8 ++++----
 src/app/shared/object-grid/object-grid.component.scss | 1 +
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/app/shared/object-grid/object-grid.component.html b/src/app/shared/object-grid/object-grid.component.html
index 0afd623d86..b3ad9cc27c 100644
--- a/src/app/shared/object-grid/object-grid.component.html
+++ b/src/app/shared/object-grid/object-grid.component.html
@@ -11,10 +11,10 @@
   (sortDirectionChange)="onSortDirectionChange($event)"
   (sortFieldChange)="onSortFieldChange($event)"
   (paginationChange)="onPaginationChange($event)">
-    <div class="card-columns row" *ngIf="objects?.hasSucceeded">
-      <div class="card-column col col-sm-6 col-lg-4" *ngFor="let column of (columns$ | async)" @fadeIn>
-        <div class="card-element" *ngFor="let object of column">
-          <ds-listable-object-component-loader [object]="object" [viewMode]="viewMode" [context]="context" [linkType]="linkType"></ds-listable-object-component-loader>
+    <div class="container" *ngIf="objects?.hasSucceeded">
+      <div class=" card-columns row" *ngFor="let column of (columns$ | async)" @fadeIn>
+        <div class="card-column col-md-4 col-12" *ngFor="let object of column">
+          <ds-listable-object-component-loader class="card-element" [object]="object" [viewMode]="viewMode" [context]="context" [linkType]="linkType"></ds-listable-object-component-loader>
         </div>
       </div>
     </div>
diff --git a/src/app/shared/object-grid/object-grid.component.scss b/src/app/shared/object-grid/object-grid.component.scss
index fb883a1f07..53d64bc60c 100644
--- a/src/app/shared/object-grid/object-grid.component.scss
+++ b/src/app/shared/object-grid/object-grid.component.scss
@@ -19,6 +19,7 @@ $ds-wrapper-grid-spacing: $spacer/2;
 .card-columns {
   margin-left: -$ds-wrapper-grid-spacing;
   margin-right: -$ds-wrapper-grid-spacing;
+  column-gap: 0;
 
   .card-column {
     padding-left: $ds-wrapper-grid-spacing;