margins: normalize relative sizes somewhat; add special query for small and larger tablet devices

1 files changed, 18 insertions, 0 deletions

diff --git a/css/read.css b/css/read.css
index fd9f076..b2a5c30 100644
--- a/css/read.css
+++ b/css/read.css
@@ -85,8 +85,25 @@ body.night .loading {
 	}
 }
 
+@media (max-width: 801px) {
+	#reader {
+		left : 64px;
+		right : 64px;
+	}
+}
+
 @media (max-width: 767px) {
 	#reader {
+		left : 48px;
+		right : 48px;
+	}
+	.toolbar {
+		width : 128px;
+	}
+}
+
+@media (max-width: 576px) {
+	#reader {
 		left : 32px;
 		right : 32px;
 	}
@@ -95,6 +112,7 @@ body.night .loading {
 	}
 }
 
+
 .toc_list, .search_results, .dict_result {
 	max-height : 300px;
 	height : auto;