fix tags in safari

enredacoop · Nov 21, 2023 · 5c4c852 · 5c4c852
1 parent cb05e6c
commit 5c4c852
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/src/components/project-card.html b/src/components/project-card.html
@@ -12,7 +12,7 @@ <h5>{{ subtitle }}</h5>
       </div>
       <div class="ods">
         {% for o in ods %}
-        <img width="42" height="42" src="/assets/img/ods/{{ o }}.png" alt="" />
+        <img width="42" height="42" src="/assets/img/ods/{{ o }}.png" alt="" />&nbsp;
         {% endfor %}
       </div>
       <div class="categories">

diff --git a/src/css/project-card.css b/src/css/project-card.css
@@ -43,7 +43,7 @@
     --card-category-tag-font: 500 0.5625rem / normal var(--title-font);
     --card-action-font: 600 0.9375rem / normal var(--title-font);
 
-    --card-category-tag-padding: 0.28rem 0.5rem;
+    --card-category-tag-padding: 0.3rem 0.5rem;
     --card-category-tag-radius: 1rem;
     --card-category-tag-margin-right: 0.5rem;
   }
@@ -122,24 +122,26 @@
   display: inline-block;
   width: 2.626rem;
   height: 2.626rem;
-  margin-right: 0.5rem;
+  margin-right: 0.2rem;
 }
 .project-card .categories span {
   display: inline-block;
   box-sizing: border-box;
   font: var(--card-category-tag-font);
-  border: 0.5px solid var(--black);
+  border: 0.05rem solid var(--black);
   border-radius: var(--card-category-tag-radius);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   padding: var(--card-category-tag-padding);
+  margin-bottom: 0.04rem;
 }
 .project-card .categories {
   margin-bottom: 2.62rem;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
+  word-break: break-word;
 }
 .project-card .content .action {
   display: flex;

diff --git a/src/proyectos/redpublica-peru.md b/src/proyectos/redpublica-peru.md
@@ -6,7 +6,7 @@ ogtype: website
 ogimage: https://ik.imagekit.io/5sj5zvywt/redpublica.png?updatedAt=1697531941087
 subtitle: Plataforma de participación ciudadana de Perú
 client: Naciones Unidas para el Desarrollo (PNUD)
-ods: [1, 2]
+ods: [1, 2, 3, 4, 5, 6, 7]
 categories: ["Software de participación", "Sostenibilidad"]
 summary: ENREDA ha desarrollado para el Programa de las Naciones Unidas para el Desarollo (PNUD), la plataforma Redpública, Con el fin de impulsar la participación ciudadana y reunir las propuestas de los peruanos y pernuanas para crear una "agenda país".
 ---