gddo-server/assets: update banner

Banner is updated to have a separator in the middle, which looks better
for centered content per UXD.

Desktop:
https://photos.app.goo.gl/5ZkmLqi8RCDRRPc69

Mobile:
https://photos.app.goo.gl/Lf8aw5yWuaB6kGe68

Change-Id: I635e9a19133f66d7a58192ae70f21dd0913b2901
Reviewed-on: https://go-review.googlesource.com/c/gddo/+/278412
Trust: Julie Qiu <[email protected]>
Run-TryBot: Julie Qiu <[email protected]>
Reviewed-by: Jamal Carvalho <[email protected]>

Author: julieqiu

gddo-server/assets/site.css

@@ -129,37 +129,14 @@ a, .navbar-default .navbar-brand {
     padding: 8px 16px;
 }
 
-.banner-message {
-    text-align: right;
-}
-
-.banner-action-container {
-    white-space: nowrap;
-}
-
-.banner-action {
-    margin-right: 90px;
-    white-space: nowrap;
-}
-
-.banner-action + .banner-action {
-    margin-left: 24px;
+.banner-separator {
+    margin: 0 10px;
 }
 
 @media (max-width: 768px) {
     .banner {
         flex-direction: column;
     }
-
-    .banner-message {
-        align-items: flex-start;
-        margin-bottom: 10px;
-        margin-right: 0;
-    }
-
-    .banner-action-container {
-        width: 100%;
-    }
 }
 
 .panel-default > .panel-heading {

gddo-server/assets/templates/layout.html

@@ -34,12 +34,11 @@
   </div>
 </nav>
 <div class="banner">
-  <div class="banner-action-container">
-    <a class="banner-action" href="?redirect=on"><b>Set default to always use pkg.go.dev</b></a>
-  </div>
-  <div class="banner-message">
-    Requests to this page will redirect to {{template "PkgGoDevLink" $}} in early 2021. <a href="https://blog.golang.org/godoc.org-redirect">Learn More.</a>
-  </div>
+    <div>
+      <a href="?redirect=on"><b>Set default to always use pkg.go.dev</b></a>
+      <span class="banner-separator">|</span>
+      Requests to this page will redirect to {{template "PkgGoDevLink" $}} in early 2021. <a href="https://blog.golang.org/godoc.org-redirect">Learn More.</a>
+    </div>
 </div>
 
 <div class="container">