formatting

Author: nbittich

src/app/features/report/post-detail/post-detail.component.html

@@ -68,13 +68,12 @@ <h4 class="mb-2 mb-md-0">
                 >
                   <fa-icon class="p-0 m-0" [icon]="['fas', 'info-circle']"></fa-icon>
                 </button>
-                <a
-                  class="btn btn-link text-decoration-none p-0 ms-1 text-break"
-                  [title]="a.originalFilename"
-                  (click)="download(a)"
-                >
-                  {{ a.originalFilename | trim: 30 }}
-                </a>
+             
+                                <a class="btn btn-link p-0 text-decoration-none ms-1 text-break" (click)="download(a)">
+  <abbr [title]="a.originalFilename">
+    {{ a.originalFilename | trim: 30 }}
+  </abbr>
+</a>
               </div>
             </div>
             <div>

src/app/features/report/post-editor/post-editor.component.html

@@ -74,9 +74,7 @@
           <a ngbNavLink>Editor</a>
 
           <ng-template ngbNavContent>
-            <div class="d-flex justify-content-start">
-              <div class="col-5 border-end shadow-sm me-2" style="height: 73.9vh; overflow-y: scroll">
-                <div class="d-flex justify-content-start bg-light p-1 pt-2 pb-2 border-bottom">
+                                        <div class="d-flex w-100 justify-content-start bg-light p-1 pt-2 pb-2 border-bottom">
                   <button
                     type="button"
                     class="btn bg-white flat text-muted btn-outline-secondary me-1"
@@ -127,6 +125,9 @@
                     Table
                   </button>
                 </div>
+
+            <div class="d-flex justify-content-start">
+              <div class="col-7 shadow-sm me-2" style="height: 73.9vh; overflow-y: scroll">
                 <textarea
                   appAutoFocus
                   autosize
@@ -137,7 +138,7 @@
                   [placeholder]="'your text here'"
                 ></textarea>
               </div>
-              <div class="col" style="height: 75vh; overflow-y: scroll">
+              <div class="col" style="height: 73.9vh; overflow-y: scroll">
                 <markdown [data]="htmlContent.value" />
               </div>
             </div>
@@ -164,7 +165,7 @@
                 </div>
               </div>
 
-              <div style="height: 56vh; overflow-y: scroll">
+              <div style="height: 96vh; overflow-y: scroll">
                 <div class="d-flex justify-content-end align-items-center">
                   <button
                     class="btn btn-warning mt-2 mb-2"
@@ -197,9 +198,11 @@
                         tooltipClass="m-0 p-0 opacity-100 bg-transparent border flat shadow-sm"
                       >
                         <fa-icon [icon]="['fas', 'info-circle']"></fa-icon></button
-                      ><a class="btn btn-link p-0 text-decoration-none text-break" (click)="download(a)"
-                        >&nbsp;{{ a.originalFilename | trim: 30 }}</a
-                      >
+                      ><a class="btn btn-link p-0 text-decoration-none text-break" (click)="download(a)">
+  <abbr [title]="a.originalFilename">
+    {{ a.originalFilename | trim: 30 }}
+  </abbr>
+</a>
                     </div>
 
                     <div class="d-lg-flex align-items-center justify-content-start">