UX Padding Clean-up

Author: neural-loop

themes/hugoplate/layouts/partials/components/session-card-wide.html

@@ -6,10 +6,13 @@
       <a href="{{ .RelPermalink }}" class="pb-4 block">
         {{ partial "override-image" (dict "Src" $image "Context" .Page "Alt" .Title "Class" "w-full rounded" "Size" "500x") }}
       </a>
-      <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300">
-        <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 text-white" fill="currentColor" viewBox="0 0 24 24">
-          <path fill-rule="evenodd" d="M4.5 5.653c0-1.426 1.516-2.653 2.937-2.321 1.235.294 1.977 1.522 1.977 2.898v8.642c0 1.376-.742 2.604-1.977 2.898C6.016 18.373 4.5 17.146 4.5 15.72v-10.067zM18 12a6 6 0 11-12 0 6 6 0 0112 0z" clip-rule="evenodd" />
-        </svg>
+      <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 opacity-40 group-hover:opacity-100 transition-opacity duration-300">
+        <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+             viewBox="0 0 330 330" class="h-12 w-12 text-gray-300" style="enable-background:new 0 0 330 330;" xml:space="preserve">
+      <path id="XMLID_308_" d="M37.728,328.12c2.266,1.256,4.77,1.88,7.272,1.88c2.763,0,5.522-0.763,7.95-2.28l240-149.999
+        c4.386-2.741,7.05-7.548,7.05-12.72c0-5.172-2.664-9.979-7.05-12.72L52.95,2.28c-4.625-2.891-10.453-3.043-15.222-0.4
+        C32.959,4.524,30,9.547,30,15v300C30,320.453,32.959,325.476,37.728,328.12z"/>
+    </svg>
       </div>
     </div>
     {{ else }}