Improve Comment form

comments/forms.py

@@ -56,20 +56,23 @@ class CommentForm(forms.ModelForm):
         self.helper = FormHelper()
         self.helper.layout = Layout(
             Div(
-                Div(
-                    Fieldset(
-                        'Specify categorization',
-                        'is_rem', 'is_que', 'is_ans', 'is_obj', 'is_rep', 'is_val', 'is_lit', 'is_sug',
-                        style="border: 0px; font-size: 80%"),
-                    css_class="col-3"),
                 Div(
                     Field('comment_text'), 
-                    Field('anonymous'),
                     HTML('<p>In your comment, you can use LaTeX \$...\$ for in-text equations or \ [ ... \ ] for on-line equations.</p>'),
                     HTML('<p id="goodCommenter"><i>Be professional. Only serious and meaningful comments will be vetted through.</i></p>'),
                     HTML('<p id="goodCommenter"><i> By clicking on Submit, the commenter certifies that all sources used are duly referenced and cited. Failure to do so will lead to exclusion from the portal.</i></p>'),
-                    Submit('submit', 'Submit your Comment for vetting', css_class="submitComment"),
                     css_class="col-9"),
+                Div(
+                    Fieldset(
+                        'Specify categorization:',
+                        'is_rem', 'is_que', 'is_ans', 'is_obj', 'is_rep', 'is_val', 'is_lit', 'is_sug',
+                        style="border: 0px; font-size: 90%"),
+                    HTML('<br>'),
+                    Div(
+                        Field('anonymous'),
+                        Submit('submit', 'Submit your Comment for vetting', css_class="submitComment"),
+                        ),
+                    css_class="col-3"),
                 css_class="row"),
             )
         

scipost/static/scipost/SciPost.css

@@ -196,6 +196,7 @@ a:hover {
   background-color: #002B49;
   color: #ffffff;
   border: 1px solid #FFA300;
+  padding: 5px;
 }
 
 header {
@@ -283,7 +284,7 @@ nav form {
 }
 
 p#goodCommenter {
-  font-size: 80%;
+  font-size: 90%;
 }
 
 section {