Make main div flexbox to allow for padding at bottom of forms

uclibs · Nov 15, 2024 · 55f083b · 55f083b
1 parent e6869f9
commit 55f083b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
@@ -99,6 +99,10 @@ a:hover {
 }
 
 #main {
+  display: flex; /* Flexbox for layout management */
+  flex-direction: column; /* Stack children vertically */
+  min-height: 100vh; /* Ensure it covers the full viewport height */
+  position: relative; /* For context for absolutely positioned children like the footer */
   transition: margin-left .5s;
 }
 

diff --git a/app/assets/stylesheets/software_records.scss b/app/assets/stylesheets/software_records.scss
@@ -160,6 +160,10 @@ option {
 }
 
 #main {
+  display: flex; /* Flexbox for layout management */
+  flex-direction: column; /* Stack children vertically */
+  min-height: 100vh; /* Ensure it covers the full viewport height */
+  position: relative; /* For context for absolutely positioned children like the footer */
   transition: margin-left .5s;
 }