Merge 7c301ba6c1 into a9e95bc05c

src/frontend/static/styles/styles.css

@@ -241,7 +241,7 @@ footer .footer-top .footer-app,
 footer .footer-links,
 footer .footer-top .social,
 footer .footer-top .app {
-  display: flex;
+  display: block;
   align-items: center;
 }
 
@@ -626,4 +626,4 @@ main.home {
 select {
   -webkit-appearance: none;
   -webkit-border-radius: 0px;
-}
+}

src/frontend/templates/footer.html

@@ -19,10 +19,15 @@
 <footer class="py-5">
     <div class="footer-top">
         <div class="container footer-social">
-                <p class="footer-text">© 2020 Google Inc (<a href="https://github.com/GoogleCloudPlatform/microservices-demo">Source Code</a>) — </p>
-                <p class="footer-text">  This website is hosted for demo purposes only. It is not an actual shop. This is not a Google product.</p>
+            <p class="footer-text">This website is hosted for demo purposes only. It is not an actual shop. This is not a Google product.</p>
+            <p class="footer-text">© 2020 Google Inc (<a href="https://github.com/GoogleCloudPlatform/microservices-demo">Source Code</a>)</p>
+            <p class="footer-text">
+                <small>
+                    {{ if $.session_id }}session-id: {{ $.session_id }} — {{end}}
+                    {{ if $.request_id }}request-id: {{ $.request_id }}{{end}}
+                </small>
+            </p>
         </div>
-
     </div>
 </footer>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"
@@ -31,4 +36,4 @@
 </body>
 
 </html>
-{{ end }}
+{{ end }}