add some style

src/Styles/Pages/exercise.scss

@@ -365,3 +365,39 @@
     }
   }
 }
+
+.positionButtons{
+  display: flex;
+  margin: 8px;
+  margin-bottom: 30px;
+
+}
+
+.toTop{
+  transform: rotate(-90deg);
+}
+
+.toBotton{
+  transform: rotate(90deg);
+}
+
+.toTop ,
+.toBotton{
+      outline: none;
+      border: none;
+      border-radius: 10px;
+      padding: 5px 10px;
+      background: var(--primary);
+      color: var(--white);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 5px;
+      font-size: 28px;
+      min-width: fit-content;
+      cursor: pointer;
+      transition: 0.5s ease-in-out;
+      &:hover {
+        scale: 1.1;
+      }
+    }

src/Styles/components/LaTeXInput.scss

@@ -19,6 +19,11 @@
   //     z-index: 99999;
   // }
 }
+.ant-input,
+.LaTeXInput span  textarea.ant-input {
+  cursor:text !important;
+
+}
 .showPreviewInput {
   background-color: var(--bg);
   position: absolute;
@@ -27,23 +32,17 @@
   width: 100%;
   height: calc(100% - 44px);
   word-wrap: break-word;
-  display: flex;
-  gap: 5px;
-  align-items: baseline;
-  align-content: flex-start;
-  flex-wrap: wrap;
+  /* شيل display:flex حتى ما يكسر النصوص */
+  display: block;
   border-radius: 8px;
   border: 1px solid #d9d9d9;
   padding: 5px 10px;
-  row-gap: 0px;
-  white-space:pre-line;
-      overflow-y: auto;
-    resize: none;
-    // height: 165px;
-    min-height: 164px;
-    max-height: 270px;
-
+  white-space: pre-line;  /* يحترم \n */
+  overflow-y: auto;
+  min-height: 164px;
+  max-height: 270px;
 }
+
 .addMML {
   all: unset;
   font-size: 12px;
@@ -69,6 +68,24 @@
     margin-top: 20px;
   }
 }
+.imageModal{
+  padding: 30px;
+  display: flex;
+  flex-direction: column;
+  .bg-upload{
+    width: fit-content;
+    margin: auto;
+  }
+    .buttons {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    padding: 20px;
+    gap: 20px;
+    margin-top: 20px;
+  }
+}
+
 .LatexPreview {
   height: 40px;
   display: flex;