From c5aff93fb8a336fd680a5a7795441d08b11f03a2 Mon Sep 17 00:00:00 2001
From: cuom1999 <lephuocdinh99@gmail.com>
Date: Mon, 12 Feb 2024 13:43:07 -0600
Subject: [PATCH] Fix user problem css

---
 resources/common.js        |  1 +
 resources/users.scss       |  1 +
 templates/user/pp-row.html | 27 +++++++++++++--------------
 3 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/resources/common.js b/resources/common.js
index 3073739..fa7e4d6 100644
--- a/resources/common.js
+++ b/resources/common.js
@@ -422,6 +422,7 @@ function onWindowReady() {
         var errorList = $(this);
         errorList.nextAll('input, select, textarea').first().after(errorList);
     });
+    register_all_toggles();
 }
 
 $(function() {
diff --git a/resources/users.scss b/resources/users.scss
index 1a4041c..a94e32f 100644
--- a/resources/users.scss
+++ b/resources/users.scss
@@ -324,6 +324,7 @@ a.edit-profile {
     td.problem-category {
         width: 100px;
     }
+    width: 99%;
 }
 
 #pp-load-link-wrapper {
diff --git a/templates/user/pp-row.html b/templates/user/pp-row.html
index 9e0758d..d943068 100644
--- a/templates/user/pp-row.html
+++ b/templates/user/pp-row.html
@@ -1,19 +1,18 @@
-<div class="sub-result {{ breakdown.sub_result_class }}">
-  <div class="score">{{ breakdown.sub_points|floatformat(0) }} / {{ breakdown.sub_total|floatformat(0) }}</div>
-  <div class="state">
-    <span title="{{ breakdown.sub_long_status }}" class="status">{{ breakdown.sub_short_status }}</span>
-    |
-    <span class="language">{{ breakdown.sub_lang }}</span>
+<div class="sub-details">
+  <div class="sub-info">
+    <div class="sub-problem">
+      <a href="{{ url('problem_detail', breakdown.problem_code) }}">{{ breakdown.problem_name }}</a>
+    </div>
+  </div>
+  <div class="sub-result">
+    <div class="state {{ breakdown.sub_result_class }}">
+      <span title="{{ breakdown.sub_long_status }}" class="status">{{ breakdown.sub_short_status }}</span>
+    </div>
+    <div class="score">{{ breakdown.sub_points|floatformat(0) }} / {{ breakdown.sub_total|floatformat(0) }}</div>
+    <div class="language">{{ breakdown.sub_lang }}</div>
+    <span class="time">{{ relative_time(breakdown.sub_date) }}</span>
   </div>
 </div>
-
-<div class="sub-info">
-  <div class="name">
-    <a href="{{ url('problem_detail', breakdown.problem_code) }}">{{ breakdown.problem_name }}</a>
-  </div>
-  <div class="time">{{ relative_time(breakdown.sub_date) }}</div>
-</div>
-
 <div class="sub-pp sub-usage">
   <div class="pp">
     <a href="{{ url('submission_status', breakdown.sub_id) }}">{{ breakdown.points|floatformat(0) }}pp</a>