Collection list table revised.

src/archive-tainacan-collection.php

@@ -8,12 +8,8 @@
 <main role="main" class="max-large margin-one-column">
     <div class="row">
         <div class="col col-sm mx-sm-auto">
-
-
             <form method="GET" id="tainacan-collection-search">
-                
                 <?php _e('Order by', 'tainacan-theme'); ?>
-                
                 <select name="orderby">
                     <option value="date" <?php selected('date', get_query_var('orderby')); ?> >
                         <?php _e('Creation date', 'tainacan-theme'); ?>
@@ -22,7 +18,6 @@
                         <?php _e('Title', 'tainacan-theme'); ?>
                     </option>
                 </select>
-
                 <select name="order">
                     <option value="ASC" <?php selected('ASC', get_query_var('order')); ?> >
                         ASC
@@ -31,8 +26,6 @@
                         DESC
                     </option>
                 </select>
-
-
                 <?php _e('View Mode', 'tainacan-theme'); ?>
                 <select name="tainacan_collections_viewmode">
                     <option value="table" <?php selected('table', get_query_var('tainacan_collections_viewmode')); ?> >
@@ -45,16 +38,10 @@
                         <?php _e('Grid', 'tainacan-theme'); ?>
                     </option>
                 </select>
-
                 <input type="text" name="s" value="<?php echo get_query_var('s'); ?>" />
-
                 <input type="submit" value="Go!" />
-
-                
-            
             </form>
 
-
             <?php get_template_part('template-parts/loop-tainacan-collection', get_query_var('tainacan_collections_viewmode')); ?>
         </div>
     </div><!-- /.row -->

src/assets/scss/_list-post.scss

@@ -58,6 +58,10 @@
             .collection-miniature{
                 width: calc(4.16666666667% * 2);
                 text-align: center;
+                img{
+                    width: 40px;
+                    height: 40px;
+                }
             }
             .collection-title{
                 font: {
@@ -71,6 +75,12 @@
                     }
                 }
             }
+            .collection-description, .collection-date{
+                font: {
+                    size: 12px;
+                    weight: 400;
+                }
+            }
             .collection-create-by{
                 font: {
                     size: 12px;

src/template-parts/loop-tainacan-collection.php

@@ -6,6 +6,8 @@
                 <tr>
                     <th scope="col"><?php _e('Miniature'); ?></th>
                     <th scope="col"><?php _e('Title'); ?></th>
+                    <th scope="col"><?php _e('Description'); ?></th>
+                    <th scope="col"><?php _e('Date'); ?></th>
                     <th scope="col"><?php _e('Author'); ?></th>
                 </tr>
             </thead>
@@ -21,6 +23,8 @@
                             <?php endif; ?>
                         </td>
                         <td class="collection-title"><a href="<?php the_permalink(); ?>" class=""><?php the_title(); ?></a></td>
+                        <td class="collection-description text-oslo-gray"><?php the_excerpt(); ?></td>
+                        <td class="collection-date text-oslo-gray"><?php tainacan_post_date(); ?></td>
                         <td class="collection-create-by text-oslo-gray"><?php _e('Created by', 'tainacan-theme'); ?> <?php the_author_posts_link(); ?></td>
                     </tr>