~bouncepaw/mycorrhiza-devel

mycorrhiza: center search bar with standard flexbox v2 SUPERSEDED

~roselandgoose: 1
 center search bar with standard flexbox

 1 files changed, 7 insertions(+), 1 deletions(-)
Export patchset (mbox)
How do I use this?

Copy & paste the following snippet into your terminal to import this patchset into git:

curl -s https://lists.sr.ht/~bouncepaw/mycorrhiza-devel/patches/37332/mbox | git am -3
Learn more about email & git

[PATCH mycorrhiza v2] center search bar with standard flexbox Export this patch

From: Rosie K Languet <rkl@rosiesworkshop.net>

---
 static/default.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/static/default.css b/static/default.css
index 0cc496f..4dabc3f 100644
--- a/static/default.css
+++ b/static/default.css
@@ -685,9 +685,15 @@ a.btn_destructive:visited,
	padding: 0 .5rem;
}

.top-bar__section_search {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.top-bar__search-bar {
	border: 0;
	vertical-align: -webkit-baseline-middle; /* You have no idea how sorry I am. This is a non-standard value. Seems to work in Safari, Opera and mobile Chrome. We need a jedi and a knight in shiny armor to replace it with something more standard. */
	width: 100%;
}

-- 
2.34.5
Come on, it's too narrow now :-( You should have used
Umar's one line proposal.