Avoid ... for delete/edit buttons in admin panel

diff --git a/client/src/app/shared/misc/button.component.scss b/client/src/app/shared/misc/button.component.scss
index 145a3474aa2a123bec5b9bb529ef44faed84fe12..343aea2079a1b93a5fd60189cf4174f202fc3982 100644 (file)
--- a/client/src/app/shared/misc/button.component.scss
+++ b/client/src/app/shared/misc/button.component.scss
@@ -28,3 +28,16 @@
     }
   }
 }
+
+// In a table, try to minimize the space taken by this button
+@media screen and (max-width: 1400px) {
+  :host-context(td) {
+    .action-button {
+      padding: 0 13px;
+    }
+
+    .button-label {
+      display: none;
+    }
+  }
+}

diff --git a/client/src/app/shared/misc/delete-button.component.html b/client/src/app/shared/misc/delete-button.component.html
index d49de294a2eab32be8f9ad862f496d1be3cd0ee7..7387d0a88020cfb0b986cd1c931e8fdf202ac779 100644 (file)
--- a/client/src/app/shared/misc/delete-button.component.html
+++ b/client/src/app/shared/misc/delete-button.component.html
@@ -1,4 +1,4 @@
-<span class="action-button action-button-delete" >
+<span class="action-button action-button-delete" [title]="label">
   <span class="icon icon-delete-grey"></span>
-  {{ label }}
+  <span class="button-label">{{ label }}</span>
 </span>

diff --git a/client/src/app/shared/misc/edit-button.component.html b/client/src/app/shared/misc/edit-button.component.html
index 58012a8b81bd356d3712f65d32247fc9f0653e1f..632d6bba20b7f44b810348438c62d3bdf9fc65a0 100644 (file)
--- a/client/src/app/shared/misc/edit-button.component.html
+++ b/client/src/app/shared/misc/edit-button.component.html
@@ -1,4 +1,4 @@
-<a class="action-button action-button-edit" [routerLink]="routerLink">
+<a class="action-button action-button-edit" [routerLink]="routerLink" title="Edit">
   <span class="icon icon-edit"></span>
-  Edit
+  <span class="button-label">Edit</span>
 </a>