From d21e24dd6cfa7fc0f6029cc89d7d23ddd6c5ef34 Mon Sep 17 00:00:00 2001
From: Van Duc Le <121172468+yucyle@users.noreply.github.com>
Date: Thu, 23 Nov 2023 21:46:45 -0600
Subject: [PATCH] Problem UI (#96)

---
 resources/widgets.scss         | 10 +++++-----
 templates/problem/problem.html | 20 ++++++++++----------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/resources/widgets.scss b/resources/widgets.scss
index 96d2ba9..ea9096c 100644
--- a/resources/widgets.scss
+++ b/resources/widgets.scss
@@ -797,7 +797,7 @@ ul.errorlist {
     align-self: center !important;
 }
 
-body {
+.a-problem {
     font-size: 15px;
     line-height: 1.8;
     font-weight: normal;
@@ -810,10 +810,10 @@ a {
 }
 
 button:hover, button:focus {
-    text-decoration: none !important;
-    outline: none !important;
-    -webkit-box-shadow: none !important;
-    box-shadow: none !important;
+    text-decoration: none;
+    outline: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
 }
 
 .btn {
diff --git a/templates/problem/problem.html b/templates/problem/problem.html
index acf56f3..9fb3444 100644
--- a/templates/problem/problem.html
+++ b/templates/problem/problem.html
@@ -178,31 +178,31 @@
 
   {% if request.user.is_authenticated and has_submissions %}
     <div>
-      <a href="{{ url('user_submissions', problem.code, request.user.username) }}">{{ _('My submissions') }}</a>
+      <a class="a-problem" href="{{ url('user_submissions', problem.code, request.user.username) }}">{{ _('My submissions') }}</a>
     </div>
   {% endif %}
-  <div><a href="{{ url('chronological_submissions', problem.code) }}">{{ _('All submissions') }}</a></div>
-  <div><a href="{{ url('ranked_submissions', problem.code) }}">{{ _('Best submissions') }}</a></div>
+  <div><a class="a-problem" href="{{ url('chronological_submissions', problem.code) }}">{{ _('All submissions') }}</a></div>
+  <div><a class="a-problem" href="{{ url('ranked_submissions', problem.code) }}">{{ _('Best submissions') }}</a></div>
   {% if editorial and editorial.is_public and
   not (request.user.is_authenticated and request.in_contest_mode) %}
   <hr>
-  <div><a href="{{ url('problem_editorial', problem.code) }}">{{ _('Read editorial') }}</a></div>
+  <div><a class="a-problem" href="{{ url('problem_editorial', problem.code) }}">{{ _('Read editorial') }}</a></div>
 {% endif %}
 {% if can_edit_problem %}
   <hr>
   <div>
-    <a href="{{ url('problem_ticket_list', problem.code) }}">{{ _('Manage tickets') }}
+    <a class="a-problem" href="{{ url('problem_ticket_list', problem.code) }}">{{ _('Manage tickets') }}
       {% if num_open_tickets %}<span class="badge">{{ num_open_tickets }}</span>{% endif %}
     </a>
   </div>
-  <div><a href="{{ url('admin:judge_problem_change', problem.id) }}">{{ _('Edit problem') }}</a></div>
+  <div><a class="a-problem" href="{{ url('admin:judge_problem_change', problem.id) }}">{{ _('Edit problem') }}</a></div>
   {% if not problem.is_manually_managed %}
-    <div><a href="{{ url('problem_data', problem.code) }}">{{ _('Edit test data') }}</a></div>
+    <div><a class="a-problem" href="{{ url('problem_data', problem.code) }}">{{ _('Edit test data') }}</a></div>
   {% endif %}
 {% elif request.user.is_authenticated and has_tickets %}
   <hr>
   <div>
-    <a href="{{ url('problem_ticket_list', problem.code) }}">{{ _('My tickets') }}
+    <a class="a-problem" href="{{ url('problem_ticket_list', problem.code) }}">{{ _('My tickets') }}
       {% if num_open_tickets %}<span class="badge">{{ num_open_tickets }}</span>{% endif %}
     </a>
   </div>
@@ -210,13 +210,13 @@
 
 {% if problem.is_subs_manageable_by(request.user) %}
   <div>
-    <a href="{{ url('problem_manage_submissions', problem.code) }}">{{ _('Manage submissions') }}</a>
+    <a class="a-problem" href="{{ url('problem_manage_submissions', problem.code) }}">{{ _('Manage submissions') }}</a>
   </div>
 {% endif %}
 
 {% if perms.judge.clone_problem %}
   <div>
-    <a href="{{ url('problem_clone', problem.code) }}">{{ _('Clone problem') }}</a>
+    <a class="a-problem" href="{{ url('problem_clone', problem.code) }}">{{ _('Clone problem') }}</a>
   </div>
 {% endif %}