chore: refine map list card CSS

Co-authored-by: David Larlet <david@larlet.fr>
Co-authored-by: Aurélie Jallut <aurelie.jallut@beta.gouv.fr>

umap/static/umap/base.css

@@ -19,7 +19,11 @@ h1, h2, h3, h4, h5, h6, label, hr {
 }
 a {
     text-decoration: none;
-    color: #1F5C39;
+    color: var(--link-color);
+}
+a.main {
+    font-weight: bold;
+    text-decoration: underline;
 }
 a[href^="http"]:not(nav.umap-nav a) {
     text-decoration: underline;
@@ -81,9 +85,6 @@ hgroup > * {
 hgroup {
     margin-bottom: var(--box-margin);
 }
-hgroup > :not(:first-child):last-child {
-    font-weight: normal;
-}
 hgroup p,
 hgroup button {
     margin: 0;

umap/static/umap/content.css

@@ -186,6 +186,8 @@ h2.tabs a:hover {
     white-space: nowrap;
     text-overflow: ellipsis;
     vertical-align: middle;
+    font-size: small;
+    padding: 0 3px;
 }
 .card {
     border: 1px solid var(--color-lightGray);

umap/static/umap/vars.css

@@ -12,13 +12,14 @@
     --color-limeGreen: #b9f5d2;
     --color-brightCyan: #46ece6;
     --color-lightCyan: #d4fbf9;
-    --color-darkCyan: #43a39f;
+    --color-darkCyan: #009099;
     --color-red: #c60f13;
     --color-darkRed: #5b2a2a;
 
     --background-color: var(--color-light);
     --color-accent: var(--color-brightCyan);
     --text-color: var(--color-dark);
+    --link-color: var(--color-darkCyan);
 
     /* Buttons. */
     --button-primary-background: var(--color-waterMint);

umap/templates/umap/map_list.html

@@ -12,14 +12,14 @@
             {% endfor %}
           </ul>
         {% endif %}
-        <h3><a href="{{ map_inst.get_absolute_url }}">{{ map_inst.name }}</a></h3>
+        <h3>{{ map_inst.name }}</h3>
         {% with author=map_inst.get_author %}
           {% if author %}
             <p>{% trans "by" %} <a href="{{ author.get_url }}">{{ author }}</a></p>
           {% endif %}
         {% endwith %}
       </div>
-      <a class="button" href="{{ map_inst.get_absolute_url }}">{% translate "See the map" %}</a>
+      <a class="main" href="{{ map_inst.get_absolute_url }}">{% translate "See the map" %}</a>
     </hgroup>
   </div>
 {% endfor %}