From daaf4128f15e5614646b4df94ed81a63d2ce6cdd Mon Sep 17 00:00:00 2001
From: zawn <zawn@berea.edu>
Date: Wed, 18 Mar 2026 10:11:19 -0400
Subject: [PATCH 1/4] sidebar made responsive

---
 app/static/css/sidebar.css | 74 ++++++++++++++++++++++++++++++++++++++
 app/static/js/sidebar.js   | 26 ++++++++++++++
 app/templates/sidebar.html |  7 ++++
 3 files changed, 107 insertions(+)

diff --git a/app/static/css/sidebar.css b/app/static/css/sidebar.css
index 9f05590f5..ed3c9af3d 100644
--- a/app/static/css/sidebar.css
+++ b/app/static/css/sidebar.css
@@ -3,3 +3,77 @@
   color:black;
 
 }
+#sidebar-toggle svg {
+    fill: #fff;
+ }
+ 
+ @media (min-width: 992px) {
+    .footer {
+        padding-left: 0 !important;
+    }
+ }
+ 
+ #sidebar-toggle {
+    display: none;
+ }
+ 
+ #sidebar-toggle svg {
+    fill: #fff;
+ }
+ 
+ #sidebar-overlay {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.45);
+    z-index: 99;
+ }
+ 
+ #sidebar-overlay.active {
+    display: block;
+ }
+ 
+ @media (max-width: 991px) {
+ 
+ 
+    #sidebar-toggle {
+        display: block;
+        position: fixed;
+        top: 15px;
+        left: 0;
+        z-index: 200;
+        background-color: #275881;
+        border: none;
+        border-radius: 0 4px 4px 0;
+        padding: 10px 10px 5px 10px;
+        cursor: pointer;
+        transition: left 0.3s ease;
+    }
+ 
+    body.sidebar-is-open #sidebar-toggle {
+        left: 280px;
+    }
+ 
+    #sidebar {
+        left: -280px;
+        transition: left 0.3s ease;
+        z-index: 150;
+    }
+ 
+    #sidebar.sidebar-open {
+        left: 0;
+    }
+ 
+    .sidebar-push {
+        left: 0 !important;
+        width: 100vw !important;
+        margin-right: 0 !important;
+    }
+ 
+    .footer {
+        padding-left: 0 !important;
+    }
+ } 
\ No newline at end of file
diff --git a/app/static/js/sidebar.js b/app/static/js/sidebar.js
index 5a8d62b4a..3f84c5f93 100644
--- a/app/static/js/sidebar.js
+++ b/app/static/js/sidebar.js
@@ -7,4 +7,30 @@ $(document).ready(function() {
     $('.navbar li').removeAttr('tabindex');
     $('.navbar div').removeAttr('tabindex');
     }
+  $('#sidebar-toggle').on('click', function() {
+    if ($('#sidebar').hasClass('sidebar-open')) {
+      closeSidebar();
+    } else {
+      openSidebar();
+    }
+  });
+  $('#sidebar-overlay').on('click', function() {
+    closeSidebar();
+  });
   });
+
+function openSidebar() {
+  $('#sidebar').addClass('sidebar-open');
+  $('#sidebar-overlay').addClass('active');
+  $('body').addClass('sidebar-is-open');
+  $('#sidebar-toggle').attr('aria-expanded', true);
+}
+function closeSidebar() {
+  $('#sidebar').removeClass('sidebar-open');
+  $('#sidebar-overlay').removeClass('active');
+  $('body').removeClass('sidebar-is-open');
+  $('#sidebar-toggle').attr('aria-expanded', false);
+}
+
+
+
diff --git a/app/templates/sidebar.html b/app/templates/sidebar.html
index 74a216c4f..39676f748 100644
--- a/app/templates/sidebar.html
+++ b/app/templates/sidebar.html
@@ -1,3 +1,10 @@
+<button id="sidebar-toggle" aria-label="Toggle navigation" aria-expanded="false" aria-controls="sidebar">
+  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#FFFFFF" class="bi bi-list" viewBox="0 0 16 16">
+    <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5"/>
+  </svg>
+ </button>
+ <div id="sidebar-overlay"></div>
+ 
 <div id="sidebar" class="col-sm-2">
     <nav class="navbar">
       <!-- Logo -->

From f9f1d4ca29d964fc711394b8d445831606914503 Mon Sep 17 00:00:00 2001
From: zawn <zawn@berea.edu>
Date: Sun, 22 Mar 2026 18:49:22 -0400
Subject: [PATCH 2/4] responsivness sidebar' '

---
 app/static/css/sidebar.css                 |  4 ----
 app/templates/main/studentOverloadApp.html | 11 +++++------
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/app/static/css/sidebar.css b/app/static/css/sidebar.css
index ed3c9af3d..cb062a9fe 100644
--- a/app/static/css/sidebar.css
+++ b/app/static/css/sidebar.css
@@ -17,10 +17,6 @@
     display: none;
  }
  
- #sidebar-toggle svg {
-    fill: #fff;
- }
- 
  #sidebar-overlay {
     display: none;
     position: fixed;
diff --git a/app/templates/main/studentOverloadApp.html b/app/templates/main/studentOverloadApp.html
index e9b90537a..ce122d2d5 100755
--- a/app/templates/main/studentOverloadApp.html
+++ b/app/templates/main/studentOverloadApp.html
@@ -137,16 +137,15 @@ <h3 for="Primary">Requested Positions</h3>
         </font>
       </div>
     </div>
-      <div align="center">
-        <label for="Reason"><span class="tooltip-right" data-tooltip="Required">Reason For Overload Request:<span class="required-mark">*</span></span></label>
-        <div>
-          <textarea id="notes" name="notes" rows="8" cols="80"  style="resize:none;"required></textarea>
-        </div>
+    <div align="center">
+      <label for="Reason"><span class="tooltip-right" data-tooltip="Required">Reason For Overload Request:<span class="required-mark">*</span></span></label>
+      <div class="col-12">
+        <textarea id="notes" class = "form-control w-50" name="notes" rows="8" required></textarea>
       </div>
+    </div>
 </form>
 </div>
 <div class="col-md-1">
-
 </div>
 <div class="container col-md-11">
   <div align="center" >

From a7fb2f6b175cdf8f7340db56e243d0e7becb763a Mon Sep 17 00:00:00 2001
From: zawn <zawn@berea.edu>
Date: Tue, 24 Mar 2026 17:04:16 -0400
Subject: [PATCH 3/4] sidebar responsive for contract approve and unapprovr

---
 app/templates/main/studentEmailConfirmation.html | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/app/templates/main/studentEmailConfirmation.html b/app/templates/main/studentEmailConfirmation.html
index ea61fc3c0..781a253ec 100644
--- a/app/templates/main/studentEmailConfirmation.html
+++ b/app/templates/main/studentEmailConfirmation.html
@@ -6,15 +6,6 @@
 <script src="{{ url_for('static', filename='js/checkboxStudentEmailConfirmation.js') }}"></script>
 {% endblock %}
 
-{% block styles %}
-  {{super()}}
-  <style>
-    #sidebar { display:none!important }
-    .sidebar-push { left:0px!important; width:auto!important; margin-right:0px!important }
-  </style>
-{% endblock %}
-
-
 {% block app_content %}
 
 <h2>Confirm Your Work Contract</h2>

From 9b1735189eb5a876882c78ed8088eeb1736873d9 Mon Sep 17 00:00:00 2001
From: zawn <zawn@berea.edu>
Date: Tue, 24 Mar 2026 17:17:52 -0400
Subject: [PATCH 4/4] Labor hisotry modal make responsive

---
 app/templates/main/formHistory.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/templates/main/formHistory.html b/app/templates/main/formHistory.html
index 83e7dde10..085eb09bc 100755
--- a/app/templates/main/formHistory.html
+++ b/app/templates/main/formHistory.html
@@ -38,7 +38,7 @@ <h1>Labor History</h1>
 </div>
 <!-- Modal -->
 <div class="modal fade" id="modal" role="dialog" data-backdrop="true" tabindex="-1">
-  <div class="modal-dialog modal-dialog-scrollable" style="width:700px!important" role="document">
+  <div class="modal-dialog modal-dialog-scrollable" role="document">
     <div id="content" class="modal-content">
     </div>
   </div>