M assets/css/app.css → assets/css/app.css

@@ -76,7 +76,7 @@ .tracker-navbar {
   background: var(--bg-secondary);
   backdrop-filter: blur(10px);
   border-bottom: 1px solid var(--border-primary);
-  padding: 1rem 0;
+  padding: .3rem 0;
   position: sticky;
   top: 0;
   z-index: 100;
@@ -105,7 +105,8 @@ }
 
 .tracker-navbar__icon {
   color: var(--accent-primary);
-  margin-right: 0.75rem;
+  margin-right: 0.5rem;
+  margin-bottom: 10px;
 }
 
 .tracker-navbar__links {
@@ -257,7 +258,7 @@ top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: white;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   font-weight: bold;
   text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
 }
@@ -317,7 +318,7 @@
 .tracker-table__search, .tracker-jackett__search {
   flex: 1;
   max-width: 400px;
-  padding: 1rem 1.5rem;
+  padding: .5rem 1.5rem;
   background: var(--input-bg);
   border: 1px solid var(--border-primary);
   border-radius: 12px;
@@ -384,7 +385,7 @@ color: var(--text-primary);
   padding: 1rem 0.8rem;
   text-align: left;
   font-weight: 600;
-  font-size: 0.85rem;
+  font-size: 0.9rem;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   border-bottom: 2px solid var(--accent-primary);
@@ -459,12 +460,10 @@ .tracker-table__cell--yes::after {
   content: attr(data-value);
   display: inline-block;
   padding: 1px;
-  background-color: rgba(46, 204, 113, 0.1);
   color: #2ecc71;
-  border: 1px solid #2ecc71;
   border-radius: 5px;
   font-weight: 600;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   text-align: center;
   min-width: 40px;
 }
@@ -477,12 +476,10 @@ .tracker-table__cell--no::after {
   content: attr(data-value);
   display: inline-block;
   padding: 1px;
-  background-color: rgba(231, 76, 60, 0.1);
   color: #e74c3c;
-  border: 1px solid #e74c3c;
   border-radius: 5px;
   font-weight: 600;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   text-align: center;
   min-width: 40px;
 }
@@ -496,12 +493,10 @@ .tracker-table__cell--easy::after {
   content: attr(data-value);
   display: inline-block;
   padding: 1px;
-  background-color: rgba(46, 204, 113, 0.1);
   color: #2ecc71;
-  border: 1px solid #2ecc71;
   border-radius: 5px;
   font-weight: 600;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   text-align: center;
   min-width: 50px;
 }
@@ -514,12 +509,10 @@ .tracker-table__cell--moderate::after {
   content: attr(data-value);
   display: inline-block;
   padding: 1px;
-  background-color: rgba(255, 193, 7, 0.1);
   color: #ffc107;
-  border: 1px solid #ffc107;
   border-radius: 5px;
   font-weight: 600;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   text-align: center;
   min-width: 50px;
 }
@@ -532,12 +525,10 @@ .tracker-table__cell--tough::after {
   content: attr(data-value);
   display: inline-block;
   padding: 1px;
-  background-color: rgba(231, 76, 60, 0.1);
   color: #e74c3c;
-  border: 1px solid #e74c3c;
   border-radius: 5px;
   font-weight: 600;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   text-align: center;
   min-width: 50px;
 }
@@ -554,7 +545,7 @@ padding: 1px;
   color: #22c55e;
   border-radius: 5px;
   font-weight: 600;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   text-align: center;
   min-width: 40px;
 }
@@ -570,7 +561,7 @@ padding: 1px;
   color: #2ecc71;
   border-radius: 5px;
   font-weight: 600;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   text-align: center;
   min-width: 40px;
 }
@@ -586,7 +577,7 @@ padding: 1px;
   color: #65a30d;
   border-radius: 5px;
   font-weight: 600;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   text-align: center;
   min-width: 40px;
 }
@@ -602,7 +593,7 @@ padding: 1px;
   color: #84cc16;
   border-radius: 5px;
   font-weight: 600;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   text-align: center;
   min-width: 40px;
 }
@@ -618,7 +609,7 @@ padding: 1px;
   color: #a3e635;
   border-radius: 5px;
   font-weight: 600;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   text-align: center;
   min-width: 40px;
 }
@@ -634,7 +625,7 @@ padding: 1px;
   color: #ffc107;
   border-radius: 5px;
   font-weight: 600;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   text-align: center;
   min-width: 40px;
 }
@@ -650,7 +641,7 @@ padding: 1px;
   color: #fb923c;
   border-radius: 5px;
   font-weight: 600;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   text-align: center;
   min-width: 40px;
 }
@@ -666,7 +657,7 @@ padding: 1px;
   color: #f97316;
   border-radius: 5px;
   font-weight: 600;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   text-align: center;
   min-width: 40px;
 }
@@ -682,7 +673,7 @@ padding: 1px;
   color: #ea580c;
   border-radius: 5px;
   font-weight: 600;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   text-align: center;
   min-width: 40px;
 }
@@ -698,7 +689,7 @@ padding: 1px;
   color: #ef4444;
   border-radius: 5px;
   font-weight: 600;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   text-align: center;
   min-width: 40px;
 }
@@ -714,7 +705,7 @@ padding: 1px;
   color: #dc2626;
   border-radius: 5px;
   font-weight: 600;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   text-align: center;
   min-width: 40px;
 }
@@ -730,7 +721,7 @@ padding: 1px;
   color: #b91c1c;
   border-radius: 5px;
   font-weight: 600;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   text-align: center;
   min-width: 40px;
 }
@@ -746,7 +737,7 @@ padding: 1px;
   color: #991b1b;
   border-radius: 5px;
   font-weight: 600;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   text-align: center;
   min-width: 40px;
 }
@@ -857,7 +848,7 @@ backdrop-filter: blur(10px);
   color: var(--text-primary);
   padding: 0.75rem 1rem;
   border-radius: 8px;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
   font-weight: 400;
   z-index: 9999;
   border: 1px solid var(--accent-primary);
@@ -977,7 +968,7 @@ color: var(--text-primary);
   padding: 1rem 0.8rem;
   text-align: left;
   font-weight: 600;
-  font-size: 0.85rem;
+  font-size: 0.9rem;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   border-bottom: 2px solid var(--accent-primary);
@@ -1024,7 +1015,7 @@ }
 
   .tracker-table__sticky-table th {
     padding: 0.75rem 0.5rem;
-    font-size: 0.8rem;
+    font-size: 0.9rem;
   }
 }
 
@@ -1098,12 +1089,12 @@ }
 
   .tracker-table__cell, .tracker-jackett__cell {
     padding: 0.75rem 0.5rem;
-    font-size: 0.85rem;
+    font-size: 0.9rem;
   }
 
   .tracker-table__main th, .tracker-jackett__table th {
     padding: 1rem 0.5rem;
-    font-size: 0.85rem;
+    font-size: 0.9rem;
   }
 
   .tracker-jackett__cell--description {

M index.html → index.html

@@ -67,11 +67,6 @@ </div>
         </div>
     </nav>
     <main class="tracker-main">
-        <section class="tracker-contribute">
-            <div class="tracker-contribute__message">
-                <strong>Hey There!</strong> Like what you see? Feel free to contribute <a class="tracker-contribute__link" href="https://github.com/HDVinnie/Private-Trackers-Spreadsheet">HERE!</a>
-            </div>
-        </section>
         <section class="tracker-table" x-data="trackerTable()">
             <!-- Tooltip container -->
             <div x-show="tooltip.show"
@@ -153,7 +148,7 @@
             <div class="tracker-table__controls">
                 <input class="tracker-table__search" type="text" placeholder="Search trackers..." x-model="search">
                 <div class="tracker-table__info">
-                    <span x-text="`${filteredTrackers.length} of ${trackers.length} trackers`"></span>
+                    <span style="font-size: 1.2rem;" x-text="`${filteredTrackers.length} of ${trackers.length} trackers`"></span>
                 </div>
             </div>
             <div class="tracker-table__container">
@@ -361,9 +356,10 @@ </div>
         </section>
         <section class="tracker-privacy">
             <div class="tracker-privacy__panel">
-                <h3 class="tracker-privacy__title">Privacy Notice</h3>
                 <div class="tracker-privacy__body">
-                    If your site is listed here and you dont want it to be, please email <a href="mailto:hdinnovations@protonmail.com">hdinnovations@protonmail.com</a> instead of using the issue tracker.
+                    <p><strong>Hey There!</strong> Like what you see? Feel free to contribute <a class="tracker-contribute__link" href="https://github.com/HDVinnie/Private-Trackers-Spreadsheet">HERE!</a></p>
+
+                    <p>If your site is listed here and you dont want it to be, please email <a href="mailto:hdinnovations@protonmail.com">hdinnovations@protonmail.com</a> instead of using the issue tracker.</p>
                 </div>
             </div>
         </section>