fixing cv mobile and print appearance

matttrent · Dec 4, 2024 · 2afd1e3 · 2afd1e3
1 parent 8edf014
commit 2afd1e3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/components/CVList.astro b/src/components/CVList.astro
@@ -22,7 +22,7 @@ const sortedDateGroups = groupAndSortByDate(items, {
 });
 ---
 
-<dl class="dl-horizontal">
+<dl class="dl-horizontal CVList">
   {
     sortedDateGroups.map(([dates, items]) => (
       <>

diff --git a/src/pages/cv.astro b/src/pages/cv.astro
@@ -62,6 +62,10 @@ const pageTitle = "Matthew Trentacoste";
     article > section > * {
       grid-column: page-start / page-end;
     }
+
+    .CVList dd {
+      padding-top: 1rem;
+    }
   }
 
   header {
@@ -102,12 +106,10 @@ const pageTitle = "Matthew Trentacoste";
 
     /* reduce width of dl-horizontal dd elements */
     .dl-horizontal dt {
-      width: 4rem; /* this should be moved to ArtifactsList */
-      padding-bottom: 0px;
+      padding-top: 0.5rem !important;
     }
     .dl-horizontal dd {
-      margin-left: 5.333rem; /* this should be moved to ArtifactsList */
-      padding-bottom: 0px;
+      padding-top: 0.5rem !important;
     }
 
     /* pagebreak before section */
-Original file line number
+Diff line change
@@ Expand Up / @@ -22,7 +22,7 @@ const sortedDateGroups = groupAndSortByDate(items, { @@
     });
     ---
-    <dl class="dl-horizontal">
+    <dl class="dl-horizontal CVList">
       {
         sortedDateGroups.map(([dates, items]) => (
           <>
@@ Expand Down @@