Update bootstrap/CSS for site footer (#3265)

OregonDigital · Feb 4, 2025 · b1954ce · b1954ce
1 parent f349a54
commit b1954ce
Showing 1 changed file with 23 additions and 4 deletions.
diff --git a/app/assets/stylesheets/oregon_digital/_footer.scss b/app/assets/stylesheets/oregon_digital/_footer.scss
@@ -17,7 +17,7 @@
   margin-left: 10px;
 }
 
-@media (max-width: breakpoint-min(md)) {
+@media (max-width: breakpoint-min(xl)) {
 
   .osu-logo,
   .uo-logo {
@@ -33,6 +33,24 @@
   width: 100%;
   height: 100%;
   background-color: $dark-grey;
+
+  p {
+    margin: 0 0 10px;
+  }
+
+  @media (max-width: breakpoint-min(xl)) {
+    .row {
+      display: block;
+    }
+
+    .col-md-1,
+    .col-md-2,
+    .horizontal-sm,
+    .col-md-4 {
+      max-width: 100%;
+      flex: max-content;
+    }
+  }
 }
 
 .homepage-info-text {
@@ -81,16 +99,17 @@ a.toc-link {
 
 .left-border {
   border-left: $lime-green 2px solid;
+  height: fit-content;
 
-  @media (max-width: breakpoint-min(md)) {
+  @media (max-width: breakpoint-min(xl)) {
     & {
       text-align: center;
       border: none;
     }
   }
 }
 
-@media (max-width: breakpoint-min(md)) {
+@media (max-width: breakpoint-min(xl)) {
   .horizontal-sm {
     width: 4em;
     border-bottom: $lime-green 2px solid;
@@ -101,7 +120,7 @@ a.toc-link {
 .right-align {
   text-align: right;
 
-  @media (max-width: breakpoint-min(md)) {
+  @media (max-width: breakpoint-min(xl)) {
     & {
       text-align: center;
     }