fix display issue

common/static/css/boofilsic.css

@@ -1909,10 +1909,6 @@ select::placeholder {
   overflow: auto;
 }
 
-.single-section-wrapper input, .single-section-wrapper select {
-  width: 100%;
-}
-
 .entity-form, .review-form {
   overflow: auto;
 }
@@ -1992,6 +1988,10 @@ select::placeholder {
   top: 2px;
 }
 
+.report-form input, .report-form select {
+  width: 100%;
+}
+
 @media (max-width: 575.98px) {
   .review-form .review-form__visibility-radio {
     float: unset;

common/static/sass/_SingleSection.sass

@@ -6,8 +6,8 @@ $single-section-padding-mobile: 32px 28px
     background-color: $color-bright
     overflow: auto
     
-    & input, & select
-        width: 100%    
+    // & input, & select
+    //     width: 100%    
 
 .entity-form, .review-form
     overflow: auto
@@ -59,6 +59,10 @@ $single-section-padding-mobile: 32px 28px
             position: relative
             top: 2px
 
+
+.report-form
+    & input, & select
+        width: 100%            
 // Small devices (landscape phones, 576px and up)
 @media (max-width: $small-devices)
     .review-form

users/templates/users/report.html

@@ -26,7 +26,7 @@
             <section id="content">
                 <div class="grid">
                     <div class="single-section-wrapper" id="main">
-                        <form action="{% url 'users:report' %}" method="post" enctype="multipart/form-data">
+                        <form action="{% url 'users:report' %}" method="post" enctype="multipart/form-data" class="report-form">
                             {% csrf_token %}
                             {{ form }}
                             <input class="button" type="submit" value="{% trans '提交' %}">