Update public/js/add_content.js

public/js/add_content.js

@@ -86,9 +86,9 @@ function addcontent(item) {
     if ('sdgImage' in item) {
     var sdgProjectLink = item.sdgImage;
     var customColor = '#8A2BE2';
-    var imageSize = '5px'; // Adjust this value to your desired size
+    //var imageSize = '5px'; // Adjust this value to your desired size
 
-    sdgProjectHTML = `<a class="btn btn-sm btn-outline- mt-1" style="color: ${customColor}; border-color: ${customColor};" href="javascript:void(0);" onclick="changeImage('${sdgProjectLink}')"><img src="imgs/thumbnails/SDG-HFT.png" alt="SDG Project Image" class="btn-outline-" style="max-width: ${imageSize}; max-height: ${imageSize};"></a> &nbsp;`;
+    sdgProjectHTML = `<a class="btn btn-sm btn-outline- mt-1" style="color: ${customColor}; border-color: ${customColor};" href="javascript:void(0);" onclick="changeImage('${sdgProjectLink}')"><img src="imgs/thumbnails/SDG-HFT.png" alt="SDG Project Image" class="btn-outline-" style="max-width: 5px ; max-height: 10 px;"></a> &nbsp;`;
 
     // Add a JavaScript function to change the image and open the link
     sdgProjectHTML += `