Packages show more on mobile as well

src/layouts/page/packages.html

@@ -148,80 +148,19 @@
   @media only screen and (max-width: 576px) {
 
   .card-thumb-label i{
-    font-size: 5vw;
-  }
-
-  .card-thumb-label {
-    position: absolute;
-    background: rgba(255,255,255,0.9);
-    left: 0;
-    bottom: 0;
-    padding: 3vw;
-    text-align: left;
-    width: 100%;
-    height: 50%;
+    font-size: 28px;
   }
 
   .card-thumb-label h3 {
     color: black;
-    font-size: 6.8vw;
-    line-height: 6.8vw;
-    margin: 0px 0px 1vw 0vw;
-    padding: 0px;
+    font-size: 28px;
+    line-height: 36px;
   }
 
   .card-thumb-label h4 {
     color: black;
-    font-size: 3vw;
-    line-height: 3vw;
-    margin: 0px;
-    padding: 0px;
-  }
-
-  .card-thumbnail{
-    background: none;
-    border-radius: 0px !important;
-    border: none;
-  }
-
-  .thumbnail-body{
-    border-radius: 0px !important;
-    padding: 0vw;
-    display:none;
-  }
-
-  .thumbnail-body-mobile{
-    background-color: #8000ff;
-    padding: 1.25vw 0vw !important;
-  }
-
-  .card-img-top{
-    border-radius: 0px;
-    margin-bottom: 0vw;
-  }
-
-  .detail-btn-mobile{
-    background:none;
-    border:none;
-    color: white;
-    font-family: "pp-neue-machina", sans-serif;
-    font-size: 4vw;
-    width: 100%;
-    height: 100%;
-    text-transform: uppercase;
-    padding-top: 2vw !important;
-  }
-
-  .detail-btn-mobile .icon-enter-arrow{
-    display: inline-block;
-    position: relaitve;
-    margin-right: 2vw;
-    transition: 0.2s ease-in-out;
-  }
-
-  .detail-btn-mobile:hover .icon-enter-arrow{
-    display: inline-block;
-    transform: rotate(-45deg) !important;
+    font-size: 20px;
+    line-height: 26px;
   }
 
   }

src/layouts/partials/package-grid.html

@@ -34,7 +34,7 @@
   .grid-package-display{
     display:block;
   }
-  
+
   .container.small {
     padding-top: 1em;
     padding-bottom: 1em;
@@ -68,7 +68,7 @@
   }
   @media only screen and (max-width: 576px) {
     #loadMoreSection {
-      display: none;
+      display: block;
     }
   }
 

src/layouts/partials/package-thumbnail.html

@@ -3,7 +3,7 @@
     <div class="p-3">
     <figure class="card-img-top" >
       <img class="package-image" src="{{- .thumb_image_url -}}" alt="{{- .name -}}" style="width:100%; height:100%;">
-      <article class="card-thumb-label">
+      <article class="card-thumb-label p-3">
         <i class="icon-tea-logo-iconasset-1 lead" style="color:#1a1a1a;"></i>
         <h3 class="package-title mb-1">{{- .name -}}</h3>
         {{ if not (eq .maintainer "") }}