From f519845e2a2c5d0b1873b104715a2084f5aeaaed Mon Sep 17 00:00:00 2001
From: falkTX <falktx@falktx.com>
Date: Sun, 1 Aug 2021 13:07:09 +0100
Subject: [PATCH] Make repo package list pages responsive

Signed-off-by: falkTX <falktx@falktx.com>
---
 css/style.fluid.css |  2 +-
 includes/header.php | 25 +++++++++++++++++++++++++
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/css/style.fluid.css b/css/style.fluid.css
index de46957..1ee996f 100644
--- a/css/style.fluid.css
+++ b/css/style.fluid.css
@@ -31,7 +31,7 @@
   text-align: center;
 }
 
-@media only screen and (min-width: 540px) {
+@media only screen and (min-width: 541px) {
   .responsive-item {
     margin: 15px;
   }
diff --git a/includes/header.php b/includes/header.php
index 1480e2d..1edfe2e 100644
--- a/includes/header.php
+++ b/includes/header.php
@@ -128,6 +128,31 @@ if (false && $PAGE_TYPE != "PASTE" && $PAGE_TYPE != "DONATIONS" && $PAGE_TYPE !=
         .repository-package > div:first-child {
             padding-top: calc(0.5em + 0.5px);
         }
+        @media only screen and (max-width: 540px) {
+          .repository-package {
+            flex-direction: column;
+            width: 100%;
+          }
+          .repository-package > div:first-child {
+            padding-top: 0;
+            text-align: center;
+          }
+          .repository-package table {
+            width: 100%;
+            margin-left: 10%;
+          }
+          .repository-package tr > td:first-child {
+            width: 100px;
+          }
+          .img_clickable {
+            margin-bottom: 5px;
+          }
+        }
+        @media only screen and (max-width: 380px) {
+          .repository-package table {
+            margin-left: 5%;
+          }
+        }
         tr {
             vertical-align: top;
         }