Merge pull request #45 from mcclatchy/2.8.5

SDS 2.8.5

Author: gabrielakhanna

layouts/shortcodes/ai-summary.html

@@ -1,6 +1,6 @@
 <div class="ai-summary-wrapper">
   <div class="ai-summary">
-    <a class="expander" onclick="this.classList.toggle('open');">
+    <div class="expander" onclick="this.classList.toggle('open');">
       <div class="grid">
         <div class="ai-summary-header">
           <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"><title>Key Takeaways</title>
@@ -14,16 +14,14 @@
             </svg>
             <div class="h3">Key Takeaways</div>
           </div>
-          <p class="summary">AI generated summary reviewed by our newsroom</p>
+          <p class="summary">AI generated summary reviewed by our newsroom. <a href="#">Read our AI Policy.</a></p>
       </div>
-    </a>
+    </div>
     <hr>
     <ul>
       <li>Kevin Wang, a New College professor, was fired under Florida's SB 846 law.</li>
       <li>Wang, a Chinese asylum seeker, taught for nearly two years before his dismissal.</li>
       <li>His firing sparked student outrage and concerns about academic freedom.</li>
-      <li>The law faces criticism and legal challenges for potential discrimination.</li>
-      <li>Wang plans to leave Florida but will continue seeking asylum in the U.S.</li>
     </ul>
   </div>
 </div>

static/css/cards/ai-summary.css

@@ -22,10 +22,9 @@
   --grid-row-gap: 5px;
   --columns: auto;
   --secondary-text-color: var(--lightgray);
-  --link-color: var(--text-color);
 }
 
-@media (min-width: 630px) {
+@media (min-width: 797px) {
   .ai-summary .grid {
     grid-auto-flow: column;
     align-items: baseline;
@@ -39,16 +38,20 @@
 
 .ai-summary-header {
   display: flex;
-  gap: var(--space-sm);
+  gap: 5px;
   align-items: center;
 }
 
 .ai-summary p {
-  font-size: 0.677em;
+  font-size: 0.67em;
   color: var(--darkgray);
   margin: 0;
 }
 
+.ai-summary p a {
+  display: inline-block;
+}
+
 .ai-summary ul {
   list-style-type: square;
   font-size: 0.78em;