From 9f066ca3996aaaa84fc41d1291edd112be939df5 Mon Sep 17 00:00:00 2001 From: Jason Skomorowski Date: Mon, 3 Nov 2014 13:01:02 -0500 Subject: [PATCH] Tweak prettysimple demo for mobile. --- examples/htdocs/prettysimple.css | 12 ++++++++---- examples/htdocs/prettysimple.html | 3 ++- 2 files changed, 10 insertions(+), 5 deletions(-) diff --git a/examples/htdocs/prettysimple.css b/examples/htdocs/prettysimple.css index 237c177..e0dd5fe 100644 --- a/examples/htdocs/prettysimple.css +++ b/examples/htdocs/prettysimple.css @@ -26,11 +26,11 @@ a { margin-left: auto; } .main { - margin: auto; max-width: 1100px; + margin: auto; } .mkws-search { - width: 30em; + max-width: 30em; margin-left: auto; } .mkws-results { @@ -207,7 +207,6 @@ a { margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; - white-space: nowrap; } .result-description { order: 4; @@ -253,7 +252,6 @@ a { flex-direction: row; flex-wrap: wrap; align-content: flex-start; - margin: none; } .mkws-pager { margin: 0; @@ -311,6 +309,12 @@ a { float: none !important; } } +@media screen and (max-width: 600px) { + .main { + margin-left: 0; + margin-right: 0; + } +} /* Font (from mozilla.org) */ @font-face{ diff --git a/examples/htdocs/prettysimple.html b/examples/htdocs/prettysimple.html index 7fa7080..6b53e5f 100644 --- a/examples/htdocs/prettysimple.html +++ b/examples/htdocs/prettysimple.html @@ -2,8 +2,9 @@ + MKWS demo - + -- 1.7.10.4