From 23ed3f9cd92c892625da85197a3c27bbd6507162 Mon Sep 17 00:00:00 2001
From: Christian Murphy <cmurphy@unicon.net>
Date: Thu, 8 Mar 2018 11:49:57 -0700
Subject: [PATCH] fix(grid): ensure the flexgrid styles remain consistent on
 small screens

---
 .../webapp/media/skins/respondr/common/less/grids.less    | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/uPortal-webapp/src/main/webapp/media/skins/respondr/common/less/grids.less b/uPortal-webapp/src/main/webapp/media/skins/respondr/common/less/grids.less
index 9e668eae267..544718f83e1 100644
--- a/uPortal-webapp/src/main/webapp/media/skins/respondr/common/less/grids.less
+++ b/uPortal-webapp/src/main/webapp/media/skins/respondr/common/less/grids.less
@@ -10,6 +10,14 @@
   .fn-set-width-column-for-size(@number-of-columns, sm);
   .fn-set-width-column-for-size(@number-of-columns, md);
   .fn-set-width-column-for-size(@number-of-columns, lg);
+
+  // On smaller than xs screen sizes all content should be full screen
+  @media (max-width: @screen-xs-max) {
+    .up-portlet-wrapper,
+    .fl-reorderer-dropMarker {
+      width: 100%;
+    }
+  }
 }
 
 /*