From 742f34ae9ae142cd0a4708a69123f9b4d5769767 Mon Sep 17 00:00:00 2001 From: Umar Getagazov Date: Tue, 26 Oct 2021 14:22:31 +0700 Subject: [PATCH] Make some layout stuff work in Netsurf Not sure if we should use antiweb [1]. [1]: https://git.sr.ht/~sircmpwn/antiweb --- static/default.css | 22 ++++++++++++++++------ 1 file changed, 16 insertions(+), 6 deletions(-) diff --git a/static/default.css b/static/default.css index e652e48..d36d78b 100644 --- a/static/default.css +++ b/static/default.css @@ -1,6 +1,9 @@ -.non-existent-hypha { } -.non-existent-hypha__ways { display: flex; flex-direction: column; width: 100%; margin: 0 0 1rem 0;} -.non-existent-hypha__way { border: 1px #999 solid; border-radius: .25rem; padding: .25rem; } +.non-existent-hypha__way { + margin-top: 0.5rem; + margin-bottom: 2rem; + padding-right: .25rem; +} + .non-existent-hypha__title { margin-bottom: 1rem; } .non-existent-hypha__subtitle { margin: 0; } @@ -32,9 +35,16 @@ header { width: 100%; margin-bottom: 1rem; } } @media screen and (min-width: 500px) { - .non-existent-hypha__way { flex: 1; margin-right: .5rem; } - .non-existent-hypha__ways { flex-direction: row; } - .non-existent-hypha__way:last-child { margin-right: 0; } + .non-existent-hypha__way { + float: left; + width: 50%; + } + + .non-existent-hypha__ways::after { + content: ''; + display: block; + clear: both; + } } /* No longer a phone but still small screen: center main */