Apply the same css sugar for the definition lists of apx available packages

Author: christge-sft

docs/_static/css/custom.css

@@ -78,36 +78,45 @@ dd {
 }
 
 /* Lay out parameter-page definition lists like two-column rows */
-.rst-content h1#cernvm-fs-parameters ~ dl {
+.rst-content h1#cernvm-fs-parameters ~ dl ,
+.rst-content h1#available-packages ~ dl {
     display: grid;
     grid-template-columns: minmax(18ch, 32ch) minmax(0, 1fr);
     column-gap: 0;
     row-gap: 0.5rem;
 }
 
 .rst-content h1#cernvm-fs-parameters ~ dl > dt,
-.rst-content h1#cernvm-fs-parameters ~ dl > dd {
+.rst-content h1#cernvm-fs-parameters ~ dl > dd ,
+.rst-content h1#available-packages ~ dl > dt,
+.rst-content h1#available-packages ~ dl > dd {
     margin: 0 !important;
     padding: 0.5rem 0.85rem;
 }
 
 .rst-content h1#cernvm-fs-parameters ~ dl > dt:nth-of-type(odd),
-.rst-content h1#cernvm-fs-parameters ~ dl > dd:nth-of-type(odd) {
+.rst-content h1#cernvm-fs-parameters ~ dl > dd:nth-of-type(odd) ,
+.rst-content h1#available-packages ~ dl > dt:nth-of-type(odd),
+.rst-content h1#available-packages ~ dl > dd:nth-of-type(odd) {
     background-color: #f5f5f5;
 }
 
 .rst-content h1#cernvm-fs-parameters ~ dl > dt:nth-of-type(even),
-.rst-content h1#cernvm-fs-parameters ~ dl > dd:nth-of-type(even) {
+.rst-content h1#cernvm-fs-parameters ~ dl > dd:nth-of-type(even) ,
+.rst-content h1#available-packages ~ dl > dt:nth-of-type(even),
+.rst-content h1#available-packages ~ dl > dd:nth-of-type(even) {
     background-color: #fbfbfb;
 }
 
-.rst-content h1#cernvm-fs-parameters ~ dl > dt {
+.rst-content h1#cernvm-fs-parameters ~ dl > dt ,
+.rst-content h1#available-packages ~ dl > dt {
     grid-column: 1;
     overflow-wrap: anywhere;
     border-radius: 4px 0 0 4px;
 }
 
-.rst-content h1#cernvm-fs-parameters ~ dl > dt .parameter-permalink {
+.rst-content h1#cernvm-fs-parameters ~ dl > dt .parameter-permalink ,
+.rst-content h1#available-packages ~ dl > dt .parameter-permalink {
     margin-left: 0.35em;
     color: #8a8a8a;
     text-decoration: none !important;
@@ -118,34 +127,42 @@ dd {
 }
 
 .rst-content h1#cernvm-fs-parameters ~ dl > dt:hover .parameter-permalink,
-.rst-content h1#cernvm-fs-parameters ~ dl > dt .parameter-permalink:focus {
+.rst-content h1#cernvm-fs-parameters ~ dl > dt .parameter-permalink:focus ,
+.rst-content h1#available-packages ~ dl > dt:hover .parameter-permalink,
+.rst-content h1#available-packages ~ dl > dt .parameter-permalink:focus {
     opacity: 0.9;
 }
 
-.rst-content h1#cernvm-fs-parameters ~ dl > dd {
+.rst-content h1#cernvm-fs-parameters ~ dl > dd ,
+.rst-content h1#available-packages ~ dl > dd {
     grid-column: 2;
     min-width: 0;
     border-left: 1px solid #e9e9e9;
     border-radius: 0 4px 4px 0;
 }
 
 @media screen and (max-width: 760px) {
-    .rst-content h1#cernvm-fs-parameters ~ dl {
+    .rst-content h1#cernvm-fs-parameters ~ dl, 
+    .rst-content h1#available-packages ~ dl {
         grid-template-columns: minmax(0, 1fr);
         row-gap: 0.25rem;
     }
 
     .rst-content h1#cernvm-fs-parameters ~ dl > dt,
-    .rst-content h1#cernvm-fs-parameters ~ dl > dd {
+    .rst-content h1#cernvm-fs-parameters ~ dl > dd ,
+    .rst-content h1#available-packages ~ dl > dt,
+    .rst-content h1#available-packages ~ dl > dd {
         grid-column: 1;
     }
 
-    .rst-content h1#cernvm-fs-parameters ~ dl > dt {
+    .rst-content h1#cernvm-fs-parameters ~ dl > dt, 
+    .rst-content h1#available-packages ~ dl > dt {
         margin-top: 1em !important;
         border-radius: 4px 4px 0 0;
     }
 
-    .rst-content h1#cernvm-fs-parameters ~ dl > dd {
+    .rst-content h1#cernvm-fs-parameters ~ dl > dd, 
+    .rst-content h1#available-packages ~ dl > dd {
         border-left: 0;
         border-top: 1px solid #e9e9e9;
         border-radius: 0 0 4px 4px;