playground: fix vertical alignment of "Imports" checkbox
When examples were added to the playground, the
banner was changed to use flexbox. However, the
"Imports" checkbox lost its vertical centering
as a result. See https://i.imgur.com/KDYGGaR.png.
This change fixes the vertical alignment to look
like the following: https://i.imgur.com/HJQSJ1w.png.
Fixes golang/go#45641.
Change-Id: I438ae0979bed3b08be0c369d8a009e9f27a4ea9f
Reviewed-on: https://go-review.googlesource.com/c/playground/+/294889
Reviewed-by: Dmitri Shuralyov <dmitshur@golang.org>
Reviewed-by: Alexander Rakoczy <alex@golang.org>
Trust: Dmitri Shuralyov <dmitshur@golang.org>
Run-TryBot: Alexander Rakoczy <alex@golang.org>
TryBot-Result: Go Bot <gobot@golang.org>
diff --git a/static/style.css b/static/style.css
index 203afe5..4e5fc45 100644
--- a/static/style.css
+++ b/static/style.css
@@ -125,12 +125,15 @@
padding: 0.25em 7px;
}
#importsBox input {
- position: relative;
- top: -2px;
- left: 1px;
- height: 10px;
- width: 10px;
- margin-left: 0;
+ flex: none;
+ height: 11px;
+ width: 11px;
+ margin: 0 5px 0 0;
+}
+#importsBox label {
+ display: flex;
+ align-items: center;
+ line-height: 1.2;
}
#shareURL {
width: 280px;
