From eaa9f8f12f2e6db764b9f25c752faf3f8de3060c Mon Sep 17 00:00:00 2001
From: Baoshuo <i@baoshuo.ren>
Date: Thu, 29 Sep 2022 08:12:03 +0800
Subject: [PATCH] fix: ac-problems-list styles

---
 web/app/controllers/user_info.php |  2 +-
 web/css/uoj-bs5.css               | 20 ++++++++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/web/app/controllers/user_info.php b/web/app/controllers/user_info.php
index 50840e1..12fad3e 100644
--- a/web/app/controllers/user_info.php
+++ b/web/app/controllers/user_info.php
@@ -128,7 +128,7 @@
 				<h4 class="card-title h5">
 					<?= UOJLocale::get('accepted problems').': '.UOJLocale::get('n problems in total', count($ac_problems))?>
 				</h4>
-				<ul class="nav">
+				<ul class="nav uoj-ac-problems-list">
 					<?php foreach ($ac_problems as $problem): ?>
 						<li class="nav-item">
 							<a class="nav-link" href="/problem/<?= $problem['problem_id'] ?>" role="button">
diff --git a/web/css/uoj-bs5.css b/web/css/uoj-bs5.css
index 5fb7879..4a20221 100644
--- a/web/css/uoj-bs5.css
+++ b/web/css/uoj-bs5.css
@@ -213,3 +213,23 @@ form.uoj-form-compressed button {
 	top: -6px;
 }
 
+@media (max-width: 767px) {
+	.uoj-ac-problems-list li {
+		width: 100%;
+	}
+}
+
+@media (min-width: 768px) {
+	.uoj-ac-problems-list li {
+		width: 18em;
+	}
+}
+
+.uoj-ac-problems-list {
+	padding-top: 10px;
+	padding-bottom: 5px;
+}
+
+.uoj-ac-problems-list a {
+	min-height: 60px;
+}