Explicitly left-align links in University Footer

Also fix bug where there were two hover underlines, one orange and one white, by using regular link instead of LuxHyperLink
pulibrary · Oct 21, 2024 · e9ea9ea · e9ea9ea
1 parent d84c8e7
commit e9ea9ea
Showing 1 changed file with 7 additions and 8 deletions.
diff --git a/src/components/LuxUniversityFooter.vue b/src/components/LuxUniversityFooter.vue
@@ -4,19 +4,17 @@
       <div class="lux-footer-bottom bottom-layout">
         <div class="lux-university-links">
           <div class="policy-links">
-            <LuxHyperlink
+            <a
               href="https://library.princeton.edu/about/policies/copyright-and-permissions-policies"
             >
-              Copyright Policy</LuxHyperlink
+              Copyright Policy</a
             >
             |
-            <LuxHyperlink href="https://www.princeton.edu/privacy-notice">
-              Privacy Notice
-            </LuxHyperlink>
+            <a href="https://www.princeton.edu/privacy-notice">Privacy Notice</a>
+          </div>
+          <div class="policy-links">
+            <a href="https://accessibility.princeton.edu/help">Accessibility Help</a>
           </div>
-          <LuxHyperlink href="https://accessibility.princeton.edu/help"
-            >Accessibility Help</LuxHyperlink
-          >
         </div>
         <div class="lux-university-links center-panel">
           <lux-university-copyright type="div" :theme="value(theme)" />
@@ -178,6 +176,7 @@ export default {
 
   .policy-links {
     display: flow-root;
+    text-align: left;
   }
 
   &.pu-logo-white {