fix(client): fix appearances of buttons in multiple choice & essay fo…

…rms (#604)
ia-toki · Feb 18, 2024 · 504eb1f · 504eb1f
1 parent 2bbbec5
commit 504eb1f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/...mWorksheetCard/Bundle/ProblemStatementCard/ItemEssayCard/ItemEssayForm/ItemEssayForm.scss b/...mWorksheetCard/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;
   }

diff --git a/...dle/ProblemStatementCard/ItemShortAnswerCard/ItemShortAnswerForm/ItemShortAnswerForm.scss b/...dle/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;
+    }
   }
 }