Minor style change

Author: tzyian

peerprep/app/globals.css

@@ -4,14 +4,14 @@
 
 html,
 body {
-  @apply overflow-hidden;
-  @apply bg-black;
-  height: 100%;
+    @apply overflow-hidden;
+    background-color: #121212;
+    height: 100%;
 }
 
 body,
 p,
 h1,
 h2 {
-  @apply text-text-2;
+    @apply text-text-2;
 }

peerprep/app/questions/[question]/question.tsx

@@ -87,7 +87,6 @@ function QuestionBlock({ question }: Props) {
             }}
           />
         }
-        <br />
       </div>
       <div className={styles.editor_container}>
         <CollabEditor question={question} />

peerprep/app/questions/new/page.tsx

@@ -1,6 +1,6 @@
 "use client";
-import { useState, ChangeEvent, MouseEvent, FormEvent } from "react";
-import { QuestionBody, Difficulty, QuestionFullBody } from "@/api/structs";
+import { ChangeEvent, FormEvent, MouseEvent, useState } from "react";
+import { Difficulty, QuestionBody, QuestionFullBody } from "@/api/structs";
 import style from "@/style/form.module.css";
 import FormTextInput from "@/components/shared/form/FormTextInput";
 import RadioButtonGroup from "@/components/shared/form/RadioButtonGroup";
@@ -45,10 +45,7 @@ function NewQuestion({}: Props) {
     });
     setTopic("");
   };
-  const handleTopicDel = (
-    e: MouseEvent<HTMLParagraphElement>,
-    idx: number
-  ) => {
+  const handleTopicDel = (e: MouseEvent<HTMLParagraphElement>, idx: number) => {
     if (loading) return;
     const values = [...formData.topicTags];
     values.splice(idx, 1);
@@ -59,7 +56,7 @@ function NewQuestion({}: Props) {
   };
 
   const handleFormTextInput = (
-    e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
+    e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,
   ) =>
     setFormData({
       ...formData,

peerprep/components/questionpage/CollabEditor.tsx

@@ -66,7 +66,7 @@ export default function CollabEditor({ question }: Props) {
 
   return (
     <>
-      <div className="flex space-x-4 items-center p-4">
+      <div className="flex space-x-4 items-center p-4 m-4">
         <div className="flex flex-col">
           <label className="font-semibold mb-1">Font Size</label>
           <input

peerprep/style/layout.module.css

@@ -4,6 +4,7 @@
     justify-content: space-between;
     align-items: center;
     padding: 10px 10px 10px 10px;
+    border-radius: 4px;
 }
 
 .main_container {

peerprep/style/question.module.css

@@ -36,6 +36,7 @@
     gap: 15px;
     width: 100%;
     padding: 0px 5px;
+    margin-bottom: 5px;
 }
 
 .label_shadow {
@@ -84,6 +85,7 @@
     color: beige;
     padding: 10px 6px;
     resize: none;
+    overflow-y: auto;
 }
 
 .editorHTML code {