Centered footer logos (#225)

pulibrary · Mar 15, 2022 · 126e682 · 126e682
1 parent e566ad4
commit 126e682
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 12 deletions.
diff --git a/app/assets/stylesheets/components/footer.scss b/app/assets/stylesheets/components/footer.scss
@@ -1,21 +1,16 @@
 #footer {
   padding: 40px 0px 20px 0px;
-  background-color: #cecece;
-  color: #000000;
-  font-size: 11px;
-  text-align: right;
+  border-top: #cecece solid 30px;
+  border-bottom: #cecece solid 15px;
   .content {
-    display: inline-block;
     background-color: #ffffff;
-    width: 100%;
-    height: auto;
-    margin: 0 auto;
+    width: 50%;
+    margin-left: auto;
+    margin-right: auto;
     text-align: center;
+    display: flex;
     padding: 30px 0px;
     #list {
-      margin-left: auto;
-      margin-right: auto;
-      width: 75%;
       li {
         list-style: none;
         float: left;
@@ -30,3 +25,11 @@
     }
   }
 }
+
+#copyright {
+  background-color: #cecece;
+  width: 100%;
+  padding-right: 10px;
+  text-align: right;
+  font-size: 10px;
+}
diff --git a/app/views/shared/_footer.html.erb b/app/views/shared/_footer.html.erb
@@ -25,7 +25,8 @@
         <li><%= link_to(image_tag("princeton_logo.png", alt: "Princeton University"), "https://www.princeton.edu", target: "blank") %></li>
       </ul>
     </div>
+  </div>
+  <div id="copyright">
     &copy; <%= Date.current.year %> The Trustees of Princeton University
   </div>
-
 </div>