tree 2ee57a7b2be25e0640f65b1c1ac843f067a668f5
parent 66a9e4bf5e9517c4eaddb8b4af1660910f8817b5
author smasher164 <aindurti@gmail.com> 1587579914 -0400
committer Andrew Bonventre <andybons@golang.org> 1588006035 +0000

playground: use flexbox for navbar layout

Previously, resizing the viewport until the width of the logo and
control elements is greater would cause all of the control elements to
disappear. This behavior became exacerbated with the addition of more
control elements.

Additionally, the alignment and styling of buttons would vary between
browsers, particuarly between desktop and mobile.

This change uses flexbox for layout in the navbar, instead of floats.
Wrapping is now done per-element, instead of the whole control
container. All buttons are adjusted to have a unified alignment, and
styling is made more consistent across browsers.

Fixes golang/go#38482.

Change-Id: I1946c4a44da9de9b206b17d4d155ff8422e9ad80
Reviewed-on: https://go-review.googlesource.com/c/playground/+/229419
Reviewed-by: Andrew Bonventre <andybons@golang.org>
Run-TryBot: Andrew Bonventre <andybons@golang.org>
TryBot-Result: Gobot Gobot <gobot@golang.org>