Resolved display issues of the resource view and share icons

CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [Unreleased]
+
+### Fixed
+
+- Resolved display issues of the resource view and share icons.
+
 ## [2.4.1] - 2024-05-16
 
 ### Added

ckanext/odsh/assets/odsh.css

@@ -127,6 +127,16 @@ h3 {
   top: 0;
 }
 
+.secondary-2 .nav-simple > li {
+  padding: 7px 25px;
+  display: block;
+  width: auto;
+}
+
+.secondary-2 .social ul li {
+  float: left;
+}
+
 .secondary h1.heading {
   color: black;
   font-weight: normal;
@@ -366,6 +376,11 @@ section#dataset-collection .button-container img {
   display: inline-block;
 }
 
+.module-resource {
+  z-index: 1;
+  display: table-caption;
+}
+
 .module-content:first-child {
   padding-top: 0px;
 }

ckanext/odsh/templates/package/resource_read.html

@@ -175,7 +175,7 @@
 {% endblock %}
 
 {% block secondary_content %}
-
+  <div class="secondary-2">
     {% block resources_list %}
       {% snippet "package/snippets/resources.html", pkg=pkg, active=res.id %}
     {% endblock %}
@@ -183,5 +183,6 @@
     {% block resource_license %}
       {% snippet "snippets/social.html" %}
     {% endblock %}
+  </div>
 {% endblock %}
 

ckanext/odsh/templates/snippets/social.html

@@ -5,8 +5,8 @@
     {% endblock %}
     {% block social_nav %}
     <ul class="nav nav-simple">
-      <li class="nav-item"><a href="https://www.facebook.com/sharer.php?u={{ current_url }}" target="_blank"><i class="fa fa-facebook-square"></i></a></li>
-      <li class="nav-item"><a href="https://twitter.com/share?url={{ current_url }}" target="_blank"><i class="fa fa-twitter-square"></i></a></li>
+      <li class="nav-item"><a href="https://www.facebook.com/sharer.php?u={{ current_url }}" target="_blank"><i class="fa-brands fa-facebook-square"></i></a></li>
+      <li class="nav-item"><a href="https://twitter.com/share?url={{ current_url }}" target="_blank"><i class="fa-brands fa-twitter-square"></i></a></li>
     </ul>
     {% endblock %}
   </section>