From 30b1739532e7fddef2bb2b03e56a93b1bff5cca7 Mon Sep 17 00:00:00 2001 From: Flancian <0@flancia.org> Date: Sat, 13 Mar 2021 13:17:06 +0100 Subject: [PATCH] Flex saves the day, perhaps. --- app/static/css/screen-dark.css | 34 +++++++++++++++++++++++++++++++++- app/templates/base.html | 32 +++++++++++++++++--------------- 2 files changed, 50 insertions(+), 16 deletions(-) diff --git a/app/static/css/screen-dark.css b/app/static/css/screen-dark.css index 0d6d15eda..6b61b21d6 100644 --- a/app/static/css/screen-dark.css +++ b/app/static/css/screen-dark.css @@ -71,12 +71,44 @@ nav { font-family: sans-serif} margin-bottom: 10px; } -.mini-search{ +.topline-node-wrapper { + display: flex; + align-items: center; +} + +input[type="text"] { + -webkit-box-sizing: border-box; // Safari/Chrome, other WebKit + -moz-box-sizing: border-box; // Firefox, other Gecko + box-sizing: border-box; // Opera/IE 8+ +} + +.topline-search{ + display: block; vertical-align: middle; overflow-y: auto; margin-bottom: 10px; + width: auto; } +.topline-query { + flex: auto; + display: inline; + vertical-align: middle; + margin-right: 5px; +} + +.topline-cli { + flex: auto; + vertical-align: middle; + width: 100%; +} + + +#mini-cli { + width: 100%; +} + + /* @media screen and (min-width: 900px) { .navigation { diff --git a/app/templates/base.html b/app/templates/base.html index a9bb66b7f..336b69da3 100644 --- a/app/templates/base.html +++ b/app/templates/base.html @@ -29,7 +29,7 @@ - +