css: wrap text on higher zoom levels (#22076)

This makes it easier to raise the loom level and to read text without scrolling. Limitation: the sidenav jumps down at higher zoom levels. To fix this changes to the html would be necessary. Also resolves the former width issue on the tor browser page (the reason for da4db98).
torproject · Sep 27, 2018 · 8d3ef79 · 8d3ef79
1 parent c14cc6e
commit 8d3ef79
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/css/layout.css b/css/layout.css
@@ -9,6 +9,7 @@ body {
 
 #wrap {
 	width: 960px;
+        max-width: 100%;
 	margin: 0 auto;
 }
 
@@ -224,6 +225,7 @@ body {
 
 #content {
 	width: 960px;
+	max-width: 100%;
 }
 
 	#content img { max-width: 710px; }
@@ -239,8 +241,10 @@ body {
 	#maincol {
 		float: right;
 		width: 710px;
+                max-width: 75%;
 		margin-bottom: 20px;
 	}
+        .tb#maincol { max-width: 100%; }
 
 	#dow-don-left,
 	#maincol-left {