From 638a774fc9ff607121e135790e61128d9dc9dbfc Mon Sep 17 00:00:00 2001
From: Mario Pietsch <pmariojo@gmail.com>
Date: Mon, 25 Nov 2013 14:58:49 +0100
Subject: [PATCH] adjust media query to remove box-shadow for small screens.
 fix some @media indentations

---
 themes/tiddlywiki/snowwhite/base.tid | 39 +++++++++++++---------------
 1 file changed, 18 insertions(+), 21 deletions(-)

diff --git a/themes/tiddlywiki/snowwhite/base.tid b/themes/tiddlywiki/snowwhite/base.tid
index 607f7de11..60b53a416 100644
--- a/themes/tiddlywiki/snowwhite/base.tid
+++ b/themes/tiddlywiki/snowwhite/base.tid
@@ -456,6 +456,7 @@ a.tw-tiddlylink-external {
 @media (max-width: 770px) {
 	.tw-tiddler-frame {
 		padding: 14px 14px 14px 14px;
+		<<box-shadow none>>
 	}
 
 	.tw-tiddler-info {
@@ -761,31 +762,27 @@ canvas.tw-edit-bitmapeditor  {
 }
 
 @media (max-width: 55em) {
+	.modal {
+		position: absolute;
+		top: 1em;
+		left: 1em;
+		right: 1em;
+	}
 
-.modal {
-	position: absolute;
-	top: 1em;
-	left: 1em;
-	right: 1em;
-}
-
-.modal-body {
-	overflow-y: auto;
-	max-height: 400px;
-}
-
+	.modal-body {
+		overflow-y: auto;
+		max-height: 400px;
+	}
 }
 
 @media (min-width: 55em) {
-
-.modal {
-	position: fixed;
-	top: 50%;
-	left: 50%;
-	width: 560px;
-	margin: -250px 0 0 -280px;
-}
-
+	.modal {
+		position: fixed;
+		top: 50%;
+		left: 50%;
+		width: 560px;
+		margin: -250px 0 0 -280px;
+	}
 }
 
 .modal-header {