wrap header content on small screens

commit 87ba60b6ebf0fd390f3780060b702dcec673b721
parent 00deb68b016b30b7751cdb5d480151e7cd7af25f
Author: Milan Pässler <me@pbb.lc>
Date: Wed, 22 Jul 2020 23:33:06 +0200

wrap header content on small screens

1 file changed, 5 insertions(+), 1 deletion(-)

client/style.css

+++++-

diff --git a/client/style.css b/client/style.css
@@ -921,7 +921,7 @@ form>div.history {
 
 .mode-changers {
 	display: flex;
-	width: 100%;
+	margin-left: auto;
 }
 .mode-changers a.active {
 	border-bottom: 3px solid white;

@@ -937,3 +937,7 @@ form>div.history {
 	font-weight: bold;
 	margin: 1em .4em;
 }
+
+header h3:first-child {
+	margin-right: 1.5em;
+}