From 9777e8c6b23d834d90e8b335b6ab194d333a528f Mon Sep 17 00:00:00 2001
From: Matthew Butterick <mb@mbtype.com>
Date: Thu, 3 Jul 2014 09:14:53 -0700
Subject: [PATCH] restrict float behavior to narrow screens

original commit: 577f7ad4b1045a95a693d4e4574f89430d246fba
---
 .../scribble-lib/scribble/manual-style.css    | 20 +++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/pkgs/scribble-pkgs/scribble-lib/scribble/manual-style.css b/pkgs/scribble-pkgs/scribble-lib/scribble/manual-style.css
index 4b2d3148..bd203235 100644
--- a/pkgs/scribble-pkgs/scribble-lib/scribble/manual-style.css
+++ b/pkgs/scribble-pkgs/scribble-lib/scribble/manual-style.css
@@ -310,16 +310,20 @@ a:hover {
     border-left: 0.4rem solid #ccb;
 }
 
-/* slightly different handling for margin-note* */
-span.refcolumn {
-    float: right;
-    width: 50%;
-    margin-left: 1rem;
-    margin-bottom: 0.8rem;   
-    margin-top: 1.2rem; 
+
+/* slightly different handling for margin-note* on narrow screens */
+@media all and (max-width:1260px) {
+     span.refcolumn {
+         float: right;
+         width: 50%;
+         margin-left: 1rem;
+         margin-bottom: 0.8rem;   
+         margin-top: 1.2rem; 
+     }
+
 }
 
-.refcontent p {
+.refcontent, .refcontent p {
     line-height: 1.5;
     margin: 0;
 }