UI update

css/main.css

@@ -391,7 +391,7 @@ ul {
   padding: 1rem;
   border-radius: 0.3rem;
   -webkit-tap-highlight-color: transparent;
-  background-color: rgba(var(--foreground-color), 1);
+  background-color: rgba(var(--text-color), 0.06);
 }
 .torrent-card__icon {
   grid-area: icon;
@@ -468,8 +468,12 @@ ul {
   .torrent-card__icon {
     margin: 0;
   }
+  .torrent-card__title {
+    font-size: 1.1rem;
+  }
   .torrent-card__tags {
     margin-bottom: 0;
+    font-size: 0.7rem;
   }
   .torrent-card__description {
     display: none;

css/main.scss

@@ -336,7 +336,7 @@ ul{
     padding: 1rem;
     border-radius: 0.3rem;
     -webkit-tap-highlight-color: transparent;
-    background-color: rgba(var(--foreground-color), 1);
+    background-color: rgba(var(--text-color), 0.06);
     &__icon{
         grid-area: icon;
         display: flex;
@@ -409,8 +409,12 @@ ul{
         &__icon{
             margin: 0;
         }
+        &__title{
+            font-size: 1.1rem;
+        }
         &__tags{
             margin-bottom: 0;
+            font-size: 0.7rem;
         } 
         &__description{
             display: none;

index.html

@@ -68,7 +68,7 @@
             <!-- <h5 class="torrent-card__size">1.2GB</h5> -->
             <button class="torrent-card__download-button">
                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M16 2l5 5v14.008a.993.993 0 0 1-.993.992H3.993A1 1 0 0 1 3 21.008V2.992C3 2.444 3.445 2 3.993 2H16zm-3 10V8h-2v4H8l4 4 4-4h-3z"/></svg>
-                Download
+                Get torrent
             </button>
         </li>
     </template>