From 1122bfb74a4b64ea123465a43206af6ffc6a874d Mon Sep 17 00:00:00 2001
From: Ryan Tsien <ryan@kubuds.cn>
Date: Tue, 13 Aug 2024 16:45:36 +0800
Subject: [PATCH] sponsors: fixup the range of <a> elements

Signed-off-by: Ryan Tsien <ryan@kubuds.cn>
---
 assets/ananke/css/custom.scss | 36 ++++++++++++++++++++++++-----------
 1 file changed, 25 insertions(+), 11 deletions(-)

diff --git a/assets/ananke/css/custom.scss b/assets/ananke/css/custom.scss
index 44c8ee5..1aa947d 100644
--- a/assets/ananke/css/custom.scss
+++ b/assets/ananke/css/custom.scss
@@ -500,34 +500,48 @@ section.section-container {
             display: flex;
             background-color: #FFFFFF;
             margin: 5px auto;
-            padding: 20px 30px;
-            a, img {
-                height: 100px;
-                @media all and (max-width: 800px) {
-                    height: 60px;
-                }
-            }
+            padding: 0;
             a {
+                position: relative;
                 margin: auto;
-                display: block;
-                padding: 0;
+                height: 140px;
+                width: 100%;
+                display: flex;
+                padding: 20px 30px;
             }
             img {
+                margin: auto;
                 object-fit: contain;
                 border: none;
+                height: 100px;
+            }
+            @media all and (max-width: 800px) {
+                a {
+                    height: 100px;
+                }
+                img {
+                    height: 60px;
+                }
             }
             &.keep-ratio {
-                padding: 0;
                 background-color: transparent;
                 border-radius: 0;
                 box-shadow: none;
+                a {
+                    padding: 0;
+                    display: block;
+                    width: fit-content;
+                }
+                img {
+                    margin: 0;
+                }
                 a, img {
                     height: 140px;
                 }
                 @media all and (max-width: 800px) {
-                    background-color: #FFFFFF;
                     a, img {
                         height: 100px;
+                        width: 100%;
                     }
                 }
             }