Merge pull request #9 from badw/main

Fix mobile supervision card width overflow

Author: badw

assets/css/supervision.css

@@ -19,6 +19,7 @@
 }
 
 .supervision-widget .person-card {
+  box-sizing: border-box;
   display: grid;
   grid-template-columns: 92px 1fr;
   column-gap: 1.6rem;
@@ -196,12 +197,29 @@
 }
 
 @media (max-width: 560px) {
+  .supervision-widget .people-grid {
+    width: 100%;
+  }
+
   .supervision-widget .person-card {
+    width: 100%;
+    max-width: 100%;
+    margin-inline: 0;
+    padding: 1rem;
     grid-template-columns: 1fr;
     row-gap: 0.75rem;
     align-items: flex-start;
   }
 
+  .supervision-widget .person-meta {
+    padding-right: 0;
+  }
+
+  .supervision-widget .person-title-links {
+    position: static;
+    transform: none;
+  }
+
   .supervision-widget .alumni-list li {
     flex-direction: column;
     gap: 0.2rem;