fix padding on popular content list

amplitude · Jun 24, 2024 · 4d2434a · 4d2434a
1 parent 6e930b1
commit 4d2434a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/public/docs/css/site.css b/public/docs/css/site.css
@@ -1311,6 +1311,8 @@ video {
   padding-top: 2rem;
 }.pt-\[6\.5rem\] {
   padding-top: 6.5rem;
+}.pr-4 {
+  padding-right: 1rem;
 }.text-left {
   text-align: left;
 }.text-center {

diff --git a/resources/views/home.antlers.html b/resources/views/home.antlers.html
@@ -33,10 +33,10 @@ <h2 class="font-light mt-0 font-[Gellix]">Popular content</h2>
             {{popular_content}}
             <a class="no-underline" href="{{article:url}}">
             <div class=" bg-white h-max md:h-48 xl:h-32 border rounded border-amp-gray-100 flex flex-row hover:shadow-lg transition-shadow">
-                <div class="self-center px-4 ">
+                <div class="self-center px-4">
                     {{svg :src="icon" class="my-0 px-2 w-16"}}
                 </div>
-                <div class="flex flex-col py-4">
+                <div class="flex flex-col py-4 pr-4">
                     <h4 class="mt-0">{{article:title}}</h4 class="mt-0">
                     <p class="text-amp-gray-600 mb-0 leading-6">{{ article:description ?? blurb}}</p>
                 </div>