edited associats view and styled li squares

adminstyles.css

@@ -1156,6 +1156,11 @@ Add your custom styles in this file so it is easier to update the theme.
 		font-size: 1.1rem;
 	}
 
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .archive-xarxaprod-associats li,
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .archive-xarxaprod-members li {
+		margin: 0.1rem;
+	}
+
 	.edit-post-visual-editor__content-area .editor-styles-wrapper ul[id*="menu-footer"] {
 		column-count: 3;
 	}

archive-xarxaprod-associat.php

@@ -27,7 +27,7 @@ get_header();
        <?php xarxaprod_associats_filters_form(); // function defined in the plugin ?>
       </aside>
 
-      <content class="archive-posts <?php xarxaprod_class_posttype(); ?>">
+      <content class="archive-posts archive-posts-map archive-xarxaprod-members archive-xarxaprod-associats <?php xarxaprod_class_posttype(); ?>">
         <figure id="xarxaprod-associats-map" class="xarxaprod-associats-map">
           <?php xarxaprod_show_leaflet_map(); // function defined in the plugin ?>
         </figure>
@@ -42,7 +42,6 @@ get_header();
   		  //endif;
         ?>
  
-       <content class="archive-posts archive-posts-map archive-xarxaprod-members archive-xarxaprod-associats <?php xarxaprod_class_posttype(); ?>">
       <?php
       // https://support.advancedcustomfields.com/forums/topic/wp_query-using-meta_query-for-an-acf-checkbox-field/#post-145830
       // https://www.advancedcustomfields.com/resources/checkbox/#query-posts

sass/base/elements/_lists.scss

@@ -89,6 +89,12 @@ dd {
       }
     }
   }
+  .archive-xarxaprod-associats,
+  .archive-xarxaprod-members {
+    li {
+      margin: 0.1rem;
+    }
+  }
   ul[id*="menu-footer"] {
     column-count: 3;
     a {
@@ -110,15 +116,6 @@ dd {
       border-radius: 5em;
       margin-right: 0.3em;
       position: relative;
-      //&:before {
-      //  content:"";
-      //  display: block;
-      //  color: $color__black;
-      //  font-size: $font__size-body*1;
-      //  width: 2em;
-      //  height: 2em;
-      //  text-align:center;
-      //}
       a {
         margin-left: -10000em;
         &:before {

style.css

@@ -1012,6 +1012,11 @@ dd {
 		font-size: 1.1rem;
 	}
 
+	.archive-xarxaprod-associats li,
+	.archive-xarxaprod-members li {
+		margin: 0.1rem;
+	}
+
 	ul[id*="menu-footer"] {
 		column-count: 3;
 	}