fix(client): fix appearances of buttons in multiple choice & essay forms (#604)

Author: fushar

judgels-client/src/components/ProblemWorksheetCard/Bundle/ProblemStatementCard/ItemEssayCard/ItemEssayForm/ItemEssayForm.scss

@@ -22,13 +22,16 @@
   }
 
   .essay-callout {
-    width: 85%;
     height: 35px;
-    line-height: 18px;
+    line-height: 14px;
+
+    .bp5-icon {
+      top: 10px !important;
+    }
   }
 
   .essay-callout-edit {
-    width: 70%;
+    height: 35px;
     background-color: white;
     color: white;
   }

judgels-client/src/components/ProblemWorksheetCard/Bundle/ProblemStatementCard/ItemShortAnswerCard/ItemShortAnswerForm/ItemShortAnswerForm.scss

@@ -1,8 +1,6 @@
 .item-short-answer-form {
-  .answer-form {
-    float: left;
-    width: 70%;
-  }
+  display: flex;
+  gap: 1px;
 
   .text-input {
     margin-left: 25px;
@@ -17,9 +15,12 @@
   }
 
   .callout {
-    float: right;
-    width: 30%;
+    width: 150px;
     height: 35px;
-    line-height: 18px;
+    line-height: 14px;
+
+    .bp5-icon {
+      top: 10px !important;
+    }
   }
 }