From db2d402201eb036a270a49db308c8b6cbebba7f0 Mon Sep 17 00:00:00 2001
From: Steven Engelbert <steve@micro-nova.com>
Date: Wed, 8 Jan 2025 10:51:38 -0500
Subject: [PATCH] Add documentation

---
 web/src/App.scss                              | 4 ++--
 web/src/components/StatusBars/StatusBars.scss | 2 +-
 web/src/general.scss                          | 2 ++
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/src/App.scss b/web/src/App.scss
index 93d043e94..918bbcb54 100644
--- a/web/src/App.scss
+++ b/web/src/App.scss
@@ -22,5 +22,5 @@
 }
 
 .app-body {
-  padding-bottom: general.$navbar-height
-}
\ No newline at end of file
+  padding-bottom: general.$navbar-height;
+}
diff --git a/web/src/components/StatusBars/StatusBars.scss b/web/src/components/StatusBars/StatusBars.scss
index 3a4ebce0f..2dd36c019 100644
--- a/web/src/components/StatusBars/StatusBars.scss
+++ b/web/src/components/StatusBars/StatusBars.scss
@@ -32,5 +32,5 @@
 }
 
 .snackbar {
-  bottom: calc(general.$navbar-height + 4px)
+  bottom: calc(general.$navbar-height + 4px); // Used to keep the snackbar above the navbar at the bottom as to not block controls on mobile
 }
diff --git a/web/src/general.scss b/web/src/general.scss
index f6f359e73..1d43e0de5 100644
--- a/web/src/general.scss
+++ b/web/src/general.scss
@@ -19,6 +19,8 @@ $select-color-gray: #bdbdbd; // for preset used_last
 $mute-color: #dc3545;
 
 $page-header-height: 3rem;
+// Used to ensure that fixed-positioned components don't appear on top of the navbar
+// This number is the natural height of the navbar when an explicit height is not provided, and was not set to 56px arbitrarily
 $navbar-height: 56px;
 
 // fonts