From af5d111d764b274614a4a63e5dcebdcf518be22d Mon Sep 17 00:00:00 2001
From: David Mailhot <djmailhot@gmail.com>
Date: Fri, 9 Oct 2020 14:21:06 -0700
Subject: [PATCH] Update footer refs to be vertically aligned instead of in
 columns

---
 src/frontend/static/styles/styles.css |  4 ++--
 src/frontend/templates/footer.html    | 11 +++++------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/frontend/static/styles/styles.css b/src/frontend/static/styles/styles.css
index c51a90f..9917d7e 100755
--- a/src/frontend/static/styles/styles.css
+++ b/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;
-}
\ No newline at end of file
+}
diff --git a/src/frontend/templates/footer.html b/src/frontend/templates/footer.html
index f22a26f..da97723 100755
--- a/src/frontend/templates/footer.html
+++ b/src/frontend/templates/footer.html
@@ -19,16 +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">© 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>
-            <div class="footer-text">
+            <p class="footer-text">
                 <small>
-                    {{ if $.session_id }}session-id: {{ $.session_id }}</br>{{end}}
-                    {{ if $.request_id }}request-id: {{ $.request_id }}</br>{{end}}
+                    {{ if $.session_id }}session-id: {{ $.session_id }} — {{end}}
+                    {{ if $.request_id }}request-id: {{ $.request_id }}{{end}}
                 </small>
-            </div>
+            </p>
         </div>
-
     </div>
 </footer>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"