From db3df886a6fad58f7546011e92d49b3dc32a9b19 Mon Sep 17 00:00:00 2001
From: rootcoma <rootcoma@gmail.com>
Date: Sun, 1 Dec 2013 21:49:24 -0800
Subject: [PATCH 1/4] Adding media queries to resize modals on short screens

---
 php/css/triviatime.css | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/php/css/triviatime.css b/php/css/triviatime.css
index 26fbac5..e977ec9 100644
--- a/php/css/triviatime.css
+++ b/php/css/triviatime.css
@@ -26,9 +26,34 @@ body {
   word-wrap: break-word;
   overflow-wrap: break-word;
   -ms-word-break: break-all;
-  word-break: break-all
+  word-break: break-all;
 }
 .modal-table tbody tr:hover {
   background-color: #E0E0E0;
   cursor: pointer;
 }
+@media screen and (max-height: 600px) {
+  .modal-body {
+    max-height: 340px;
+  }
+}
+@media screen and (max-height: 500px) {
+  .modal-body {
+    max-height: 260px;
+  }
+}
+@media screen and (max-height: 438px) {
+  .modal-body {
+    max-height: 200px;
+  }
+}
+@media screen and (max-height: 370px) {
+  .modal-body {
+    max-height: 150px;
+  }
+}
+@media screen and (max-height: 290px) {
+  .modal-body {
+    max-height: 70px;
+  }
+}

From c6c2dd1ec5cc3d9501e2d195b7beb4af53e15551 Mon Sep 17 00:00:00 2001
From: rootcoma <rootcoma@gmail.com>
Date: Sun, 1 Dec 2013 22:00:26 -0800
Subject: [PATCH 2/4] Shrinking modal text

---
 php/js/triviatime.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/php/js/triviatime.js b/php/js/triviatime.js
index 3fd094b..313de0d 100644
--- a/php/js/triviatime.js
+++ b/php/js/triviatime.js
@@ -21,7 +21,7 @@ $(function() {
         var values = $(this).children("td");
         var content = '';
         for(var i=0;i<values.length;i++) {
-            content += "<h2>" + headers.eq(i).text() + "</h2>";
+            content += "<h4>" + headers.eq(i).text() + "</h4>";
             content += "<p>" + values.eq(i).text() + "</p>";
         }
         $('#infoModal > .modal-body').html(content);

From 970209900286fd5d0f624da9345a212d3a01fdfc Mon Sep 17 00:00:00 2001
From: rootcoma <rootcoma@gmail.com>
Date: Sun, 1 Dec 2013 22:00:48 -0800
Subject: [PATCH 3/4] Adding another mediaquery for modals

---
 php/css/triviatime.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/php/css/triviatime.css b/php/css/triviatime.css
index e977ec9..2ebd3b7 100644
--- a/php/css/triviatime.css
+++ b/php/css/triviatime.css
@@ -52,7 +52,7 @@ body {
     max-height: 150px;
   }
 }
-@media screen and (max-height: 290px) {
+@media screen and (max-height: 320px) {
   .modal-body {
     max-height: 70px;
   }

From 5d5fe139c3705db2ada343d3b92a78eea877bb24 Mon Sep 17 00:00:00 2001
From: rootcoma <rootcoma@gmail.com>
Date: Sun, 1 Dec 2013 22:02:18 -0800
Subject: [PATCH 4/4] Adjusting media query for modal

---
 php/css/triviatime.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/php/css/triviatime.css b/php/css/triviatime.css
index 2ebd3b7..be743c3 100644
--- a/php/css/triviatime.css
+++ b/php/css/triviatime.css
@@ -37,7 +37,7 @@ body {
     max-height: 340px;
   }
 }
-@media screen and (max-height: 500px) {
+@media screen and (max-height: 520px) {
   .modal-body {
     max-height: 260px;
   }