Update archive-single.html

zyaocoder · web-flow · commit 105b6191e881 · 2025-11-15T22:09:19.000-05:00
diff --git a/_includes/archive-single.html b/_includes/archive-single.html
@@ -15,44 +15,45 @@
 <head>
   <style>
     .papertable {
-      width:180%;
+      width:100%;
       border:none;
-      border-spacing:0px;
-      border-collapse:separate;
-      margin-right:auto;
-      margin-left:auto;
-      margin-bottom:0em;
+      border-spacing:0;
+      border-collapse:collapse;
+      margin:0 auto 0.75rem auto;
+    }
+
+    .papertable td {
+      padding:0;   /* kill default cell padding */
     }
 
     .paperimage {
-      padding-right:2.5%;
+      padding-right:1.5rem;
       border:none;
-      /* make image column a bit wider */
-      width:45%;
-      max-width:45%;
-      vertical-align:top;
+      width:30%;          /* smaller image column */
+      max-width:260px;
+      vertical-align:middle;
     }
 
     .papertext {
-      width:50%;
-      vertical-align:middle;
+      width:70%;
+      vertical-align:middle;   /* center text vs image */
       border:none;
-      padding-bottom:0%;
+      padding-bottom:0;
     }
 
     /* ==== image card + banner ==== */
     .venue-wrapper {
       position: relative;
       display: inline-block;
       border-radius: 6px;
-      overflow: hidden; /* clip banner + image corners */
-      box-shadow: 0 6px 16px rgba(0,0,0,0.18); /* shadow effect */
+      overflow: hidden;
+      box-shadow: 0 6px 16px rgba(0,0,0,0.18);
       background: #fff;
     }
 
     .venue-wrapper img {
       display: block;
-      width: 260px;   /* control thumbnail size here */
+      width: 260px;
       max-width: 100%;
       height: auto;
     }
@@ -62,7 +63,7 @@
       top: 0;
       left: 0;
       padding: 4px 12px;
-      background: #0047ab; /* banner color */
+      background: #0047ab;
       color: #ffffff;
       font-size: 0.8rem;
       font-weight: 600;
@@ -75,7 +76,7 @@
 <div class="{{ include.type | default: "list" }}__item">
   <article>
     <table class="papertable">
-      <tr style="padding:0px">
+      <tr>
         <td class="paperimage">
           <div class="venue-wrapper">
             {% if post.venue %}
