From ba682682910f7522bfa9c99bc6e16620b45e3958 Mon Sep 17 00:00:00 2001
From: "fred.boniface" <fred@fjla.uk>
Date: Fri, 28 Oct 2022 20:02:41 +0100
Subject: [PATCH] Adjust styling for unlikely to see small screens

---
 style/new_style.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/style/new_style.css b/style/new_style.css
index 64a663b..a237a83 100644
--- a/style/new_style.css
+++ b/style/new_style.css
@@ -128,7 +128,7 @@ body {
     display: block;
     white-space: nowrap;
   }
-@media screen and (max-height: 400px){#sidebar a{margin-top:5px}}
+  @media screen and (max-height: 400px){#sidebar a{margin-top:0px;padding-top:0px}}
 #sidebar a:hover {color: var(--main-text-color)}
 #sidebar a:active {color: var(--main-text-color)}
 #sidebar_logo {
@@ -148,7 +148,7 @@ body {
     width: 14%;
 }
 @media screen and (min-height: 600px){#sidebar_social img{margin-bottom:40px}}
-@media screen and (max-height: 200px){#sidebar_social{display:none}}
+@media screen and (max-height: 310px){#sidebar_social{display:none}}
 /* CONTENT */
 .content { /* Try z-index: 1; so it scrolls over header image */
     padding-top: 10px;