From 50164fb314bdf5a76b3c70650035faf348cdec76 Mon Sep 17 00:00:00 2001
From: briandunnigan <Brian@d82h71.public.uconn.edu>
Date: Thu, 3 Mar 2016 12:16:21 -0500
Subject: [PATCH] Adding mobile responsive table support to UC People

---
 inc/people-table.php |  5 +++--
 sass/_ucpeople.scss  | 10 ++++++++++
 style.css            |  6 ++++++
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/inc/people-table.php b/inc/people-table.php
index b01cc82..aca6a2b 100644
--- a/inc/people-table.php
+++ b/inc/people-table.php
@@ -8,7 +8,8 @@ if ( $the_query->have_posts() ) {
 	//var_dump($num_cols);
 
 	?>
-	<table class="table table-striped">
+<div class="table-responsive">
+    <table class="table table-striped">
 		<legend class="sr-only">List of People</legend>
 		<thead>
 			<tr>
@@ -138,7 +139,7 @@ if ( $the_query->have_posts() ) {
 			} //end of posts?>
 		</tbody>
 	</table>
-
+</div>
 	<?php
 } else {
 	// no posts found
diff --git a/sass/_ucpeople.scss b/sass/_ucpeople.scss
index 770a99f..242449c 100644
--- a/sass/_ucpeople.scss
+++ b/sass/_ucpeople.scss
@@ -11,4 +11,14 @@
 		min-height:100%;
 	}
 	*/
+}
+
+.uc-people {
+    table {
+        img {
+            @media (max-width:767px) {
+                max-width:none;
+            }
+        }
+    }
 }
\ No newline at end of file
diff --git a/style.css b/style.css
index 3ceec27..66fc4d0 100644
--- a/style.css
+++ b/style.css
@@ -9842,6 +9842,12 @@ q:before, table q:after {
   */
 }
 
+@media (max-width: 767px) {
+  .uc-people table img {
+    max-width: none;
+  }
+}
+
 /* - - - - - - - - - - - - - - - - - - - 
 	== Calendar 
 - - - - - - - - - - - - - - - - - - - */