fix: Line break in card url (#174)

* fix: line break in card url * refactor(style): p-2 card-component
Morphclue · Jul 23, 2024 · ba97631 · ba97631
1 parent 077c1ff
commit ba97631
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/apps/frontend/src/app/core/info-table/info-table.component.html b/apps/frontend/src/app/core/info-table/info-table.component.html
@@ -34,12 +34,14 @@
       <i class="bi-link" ngbTooltip="Link"></i>
     </th>
     <td>
-      <a routerLink="." class="text-truncate">{{ url }}</a>
-      &nbsp;
-      <button class="btn p-0 btn-link bi-clipboard" ngbTooltip="Copy to clipboard"
-              (click)="copyToClipboard()"></button>
-      <button class="btn p-0 btn-link bi-envelope-at" ngbTooltip="Share via email"
-              (click)="draftEmail()"></button>
+      <div class="d-flex align-items-center">
+        <a routerLink="." class="break-link">{{ url }}</a>
+        &nbsp;
+        <button class="btn p-0 btn-link bi-clipboard" ngbTooltip="Copy to clipboard"
+                (click)="copyToClipboard()"></button>
+        <button class="btn p-0 btn-link bi-envelope-at" ngbTooltip="Share via email"
+                (click)="draftEmail()"></button>
+      </div>
     </td>
   </tr>
   @if (stats) {

diff --git a/apps/frontend/src/app/core/info-table/info-table.component.scss b/apps/frontend/src/app/core/info-table/info-table.component.scss
@@ -3,3 +3,7 @@ table > tr > th:first-child {
   padding: 0;
   vertical-align: top;
 }
+
+.break-link {
+  word-break: break-word;
+}