From a1ca86db7a069618244890de728daaed0d36cb68 Mon Sep 17 00:00:00 2001
From: "Thomas R. Koll" <tomk32@gmail.com>
Date: Fri, 29 Apr 2016 10:35:30 +0200
Subject: [PATCH] Website: Change indent styles to fit smaller screens

Only indent when the display is landscape and wide enough.
---
 site/index.md | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/site/index.md b/site/index.md
index c2575e962..dffc99aab 100644
--- a/site/index.md
+++ b/site/index.md
@@ -1,16 +1,17 @@
 ---
 title: home
 ...
-
 <style>
 .highslide img {max-width:200px; float:right; margin:0 0 1em 1em;}
-.highslide-caption {color:white; background-color:black;}
+.highslide-caption {color:white; background-color:black};
+a {white-space:nowrap;}
+/*div.asciicast { float:right; height:200px; }*/
+</style>
+<style media="screen and (min-width:1020px) and (orientation: landscape)">
 .indent0 { margin:0 15em 0  0em; }
 .indent1 { margin:0 10em 0  5em; }
 .indent2 { margin:0  5em 0 10em; }
 .indent3 { margin:0    0 0 15em; }
-a {white-space:nowrap;}
-/*div.asciicast { float:right; height:200px; }*/
 </style>