From dc5b6d96f4be6361dbf762e3533b09a4ada7f182 Mon Sep 17 00:00:00 2001
From: Nina Kin <matikin9@gmail.com>
Date: Thu, 15 Aug 2024 16:56:06 -0700
Subject: [PATCH] update buttons and add coming soon message

---
 designSystem.css | 6 +++++-
 index.html       | 2 +-
 script.js        | 5 +++++
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/designSystem.css b/designSystem.css
index ed86a31..c88a650 100644
--- a/designSystem.css
+++ b/designSystem.css
@@ -73,17 +73,21 @@ a:hover, a:active {
     padding: 0;
     display: flex;
     flex-direction: row;
+    flex-grow: 1;
     gap: 20px;
 }
 
 .nav-buttons__button {
     margin: 0;
     padding: 12px;
+    display: flex;
+    justify-content: center;
     flex: 1;
     text-align: center;
     align-items: center;
     flex-direction: column;
-    gap: 8px;
+    /* gap: 8px; */
+    gap: 0px;
     border-radius: 12px;
     outline: 1px solid #E4E4E7;
     background: #FFF;
diff --git a/index.html b/index.html
index 6b57f0d..e454ed7 100644
--- a/index.html
+++ b/index.html
@@ -80,7 +80,7 @@ <h1>Alerts & Advisories</h1>
                     <img src="img/elevator-black.svg" alt="elevator icon">
                 </div>
                 <div class="nav-buttons__button-text">
-                    Accessibility
+                    Elevator & Escalator
                 </div>
             </div>
         </div>
diff --git a/script.js b/script.js
index 6edd1da..684c36d 100644
--- a/script.js
+++ b/script.js
@@ -426,6 +426,11 @@ function updateAccessView() {
     let alertList = document.querySelector("#alert-list__content");
     alertList.innerHTML = '';
 
+    // temporarily show a 'coming soon message'
+    alertList.innerHTML = `<div class="alert-item">Coming soon!</div>`;
+    return;
+    // end of temporary message
+
     let service = getServiceSelected();
     let nowvsLater = getStatusSelected();