clean up

src/main/webapp/app/overview/course-conversations/layout/conversation-messages/conversation-messages.component.scss

@@ -83,9 +83,8 @@
     .envelope {
         text-align: center;
         opacity: 0.75;
-        height: 250px;
-        padding-top: 100px;
-        padding-bottom: 100px;
+        margin-top: auto;
+        margin-bottom: auto;
     }
 
     .conversation-messages-message-list.is-fetching-posts {
@@ -116,7 +115,10 @@ jhi-posting-thread {
 }
 
 .channel-content {
-    height: calc(100vh - 15px - var(--header-height) - var(--message-input-height-dev) - var(--channel-header-height));
+    height: calc(100vh - 1rem - var(--header-height) - var(--message-input-height-dev) - var(--channel-header-height));
+    @include media-breakpoint-down(md) {
+        height: calc(100vh - var(--header-height) - var(--message-input-height-dev) - var(--channel-header-height));
+    }
     display: flex;
     flex-direction: column;
     justify-content: space-between;

src/main/webapp/app/shared/markdown-editor/monaco/markdown-editor-monaco.component.html

@@ -46,16 +46,7 @@
                                     <fa-icon [icon]="faQuestionCircle" [ngbTooltip]="'artemisApp.markdownEditor.guide' | artemisTranslate" />
                                 </a>
                                 @if (editType !== EditType.UPDATE) {
-                                    <button
-                                        jhi-posting-button
-                                        [buttonIcon]="faPaperPlane"
-                                        [buttonLabel]="'artemisApp.conversationsLayout.sendMessage' | artemisTranslate"
-                                        [buttonLoading]="isButtonLoading"
-                                        [disabled]="isButtonLoading || !isFormGroupValid"
-                                        class="ms-1 col-auto btn btn-sm btn-outline-secondary"
-                                        id="save"
-                                        type="submit"
-                                    ></button>
+                                    <ng-container [ngTemplateOutlet]="sendButton" [ngTemplateOutletContext]="{ extraClass: 'ms-1 col-auto', testId: 'save' }" />
                                 }
                             </div>
                         }
@@ -84,16 +75,8 @@
                             }
                         </ng-content>
                         @if (editType !== EditType.UPDATE) {
-                            <button
-                                jhi-posting-button
-                                [buttonIcon]="faPaperPlane"
-                                [buttonLabel]="'artemisApp.conversationsLayout.sendMessage' | artemisTranslate"
-                                [buttonLoading]="isButtonLoading"
-                                [disabled]="isButtonLoading || !isFormGroupValid"
-                                class="float-end btn btn-sm btn-outline-secondary"
-                                id="save"
-                                type="submit"
-                            ></button>
+                            <!-- <ng-container *ngTemplateOutlet="sendButton; context: {text: 'hallo'}" /> -->
+                            <ng-container [ngTemplateOutlet]="sendButton" [ngTemplateOutletContext]="{ extraClass: 'float-end' }" />
                         }
                     </div>
                 </ng-template>
@@ -289,3 +272,17 @@
 <ng-template #noItemsAvailable>
     <button class="ps-1 me-1" mat-button [disabled]="true" jhiTranslate="global.generic.emptyList" type="button"></button>
 </ng-template>
+
+<ng-template #sendButton let-extraClass="extraClass" let-testId="testId">
+    <button
+        jhi-posting-button
+        [buttonIcon]="faPaperPlane"
+        [buttonLabel]="'artemisApp.conversationsLayout.sendMessage' | artemisTranslate"
+        [buttonLoading]="isButtonLoading"
+        [disabled]="isButtonLoading || !isFormGroupValid"
+        class="btn btn-sm btn-outline-secondary"
+        [ngClass]="extraClass ?? ''"
+        id="testId ?? ''"
+        type="submit"
+    ></button>
+</ng-template>