From bb07a3576995e9f9a2a24f072473944e25314343 Mon Sep 17 00:00:00 2001
From: Zemke <florian@zemke.io>
Date: Sat, 22 Jan 2022 17:47:13 +0100
Subject: [PATCH] GH-278 Change HTML structure

---
 .../webapp/app/message/chat.component.html    | 32 +++++++++----------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/cwt-angular/src/main/webapp/app/message/chat.component.html b/cwt-angular/src/main/webapp/app/message/chat.component.html
index 8caa0b99..9caf9549 100644
--- a/cwt-angular/src/main/webapp/app/message/chat.component.html
+++ b/cwt-angular/src/main/webapp/app/message/chat.component.html
@@ -1,7 +1,21 @@
 <div class="row" *ngIf="authUser && !hideInput">
-    <div class="col pr-0 chat-input">
+    <div class="col pr-0" id="chat-container">
+        <div id="chat-suggestions"
+             class="position-absolute"
+             style="top: 2.5rem;"
+             [ngStyle]="{'left': suggOffset+'px'}"
+             *ngIf="suggestions">
+            <div class="dropdown-menu show">
+                <small class="form-text text-muted ml-2" *ngIf="!suggestions.length">No such user.</small>
+                <button *ngFor="let sugg of suggestions; let first = first;"
+                        class="dropdown-item" [class.active]="first"
+                        type="button" [value]="sugg.id" (click)="complete(sugg, true)">
+                    {{ sugg.username }}
+                </button>
+            </div>
+        </div>
         <form>
-            <div class="input-group input-group chat-input">
+            <div class="input-group input-group">
                 <input type="text" name="chat-input" class="single-line form-control"
                        (keydown)="onKeydown($event)"
                        (keyup)="onKeyup($event)"
@@ -12,20 +26,6 @@
                         <i class="fa fa-send"></i>
                     </button>
                 </span>
-                <div id="chat-suggestions"
-                     class="position-absolute"
-                     style="top: 3rem;"
-                     [ngStyle]="{'left': suggOffset+'px'}"
-                     *ngIf="suggestions">
-                    <div class="dropdown-menu show">
-                        <small class="form-text text-muted ml-2" *ngIf="!suggestions.length">No such user.</small>
-                        <button *ngFor="let sugg of suggestions; let first = first;"
-                                class="dropdown-item" [class.active]="first"
-                                type="button" [value]="sugg.id" (click)="complete(sugg, true)">
-                            {{ sugg.username }}
-                        </button>
-                    </div>
-                </div>
             </div>
         </form>
     </div>