From 5bb579f1023e163dcd4c31bf57468472cbeec0c6 Mon Sep 17 00:00:00 2001
From: Mark Eaton <MarkEEaton@users.noreply.github.com>
Date: Wed, 15 Jun 2022 12:40:47 -0400
Subject: [PATCH] vertical align hours for mobile devices

---
 groups/home/LibAnswers-4-js-css.html       | 1 +
 groups/home/LibAnswers-SlideOutChat-4.html | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/groups/home/LibAnswers-4-js-css.html b/groups/home/LibAnswers-4-js-css.html
index 91e3150..b4bcf9f 100644
--- a/groups/home/LibAnswers-4-js-css.html
+++ b/groups/home/LibAnswers-4-js-css.html
@@ -199,6 +199,7 @@ a.no-underline { text-decoration: none; }
 .vertical-align {
         display: flex;
         align-items: center;
+        justify-content: center;
         height: 100%;
 }
 
diff --git a/groups/home/LibAnswers-SlideOutChat-4.html b/groups/home/LibAnswers-SlideOutChat-4.html
index d4fcd74..4d454e9 100644
--- a/groups/home/LibAnswers-SlideOutChat-4.html
+++ b/groups/home/LibAnswers-SlideOutChat-4.html
@@ -406,21 +406,21 @@
                                                        <div class="row equal">
                                                                <div class="col-xs-2 padding-0">
                                                                         <div class="panel panel-default panel-outline-color">
-                                                                               <div class="panel-body hours-panel-body">
+                                                                               <div class="panel-body hours-panel-body vertical-align">
                                                                                       <span id="hours0" class="hours"></span>
                                                                                </div>
                                                                        </div>
                                                                </div>
                                                                <div class="col-xs-2 padding-0">
                                                                        <div class="panel panel-default panel-outline-color">
-                                                                               <div class="panel-body hours-panel-body">
+                                                                               <div class="panel-body hours-panel-body vertical-align">
                                                                                       <span id="hours1" class="hours"></span>
                                                                                </div>
                                                                        </div>
                                                                </div>
                                                                <div class="col-xs-2 padding-0">
                                                                        <div class="panel panel-default panel-outline-color">
-                                                                               <div class="panel-body hours-panel-body">
+                                                                               <div class="panel-body hours-panel-body vertical-align">
                                                                                        <span id="hours2" class="hours"></span>
                                                                                </div>
                                                                        </div>