💄 admin: clean css

Author: AndreiaPena

admin/app/components/organizations/places.gjs

@@ -54,7 +54,7 @@ export default class Places extends Component {
       {{/if}}
 
       {{#unless @places}}
-        <div class="table-admin-empty">Aucun lot de places saisi</div>
+        <div class="table__empty">Aucun lot de places saisi</div>
       {{/unless}}
 
       <DeleteModal

admin/app/components/sessions/certifications/list.gjs

@@ -108,7 +108,7 @@ export default class CertificationsHeader extends Component {
 
       <PixPagination @pagination={{@pagination}} />
     {{else}}
-      <p class="certification-list-page__empty">{{t "common.tables.empty-result"}}</p>
+      <p class="tables__empty">{{t "common.tables.empty-result"}}</p>
     {{/if}}
   </template>
 }

admin/app/styles/authenticated/sessions/session/certifications.scss

@@ -15,11 +15,4 @@
     gap: var(--pix-spacing-2x);
     align-items: center;
   }
-
-  &__empty {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 180px;
-  }
 }

admin/app/styles/globals/table-admin.scss

@@ -35,16 +35,7 @@
   }
 }
 
-.table-admin__auto-width {
-  table-layout: auto;
-}
-
 .table-admin-input {
   width: 100%;
   padding: 3px 6px;
 }
-
-.table-admin-empty {
-  margin: 48px auto 36px;
-  text-align: center;
-}

admin/app/styles/globals/tables.scss

@@ -72,19 +72,11 @@ td.td--bold {
     text-align: center;
   }
 
-  &--id {
-    width: 140px;
-  }
-
   &--break-word {
     word-break: break-all;
   }
 }
 
-.table__cell--name {
-  word-break: break-all;
-}
-
 .table__cell--percentage {
   display: flex;
   align-items: center;

admin/tests/integration/components/team/list-test.gjs

@@ -4,7 +4,7 @@ import List from 'pix-admin/components/team/list';
 import { module, test } from 'qunit';
 import sinon from 'sinon';
 
-import setupIntlRenderingTest, {t} from '../../../helpers/setup-intl-rendering';
+import setupIntlRenderingTest, { t } from '../../../helpers/setup-intl-rendering';
 import { waitForDialogClose } from '../../../helpers/wait-for.js';
 
 module('Integration | Component | team | list', function (hooks) {
@@ -28,8 +28,8 @@ module('Integration | Component | team | list', function (hooks) {
 
       // then
       const table = screen.getByRole('table', { name: t('pages.team.table.caption') });
-      assert.dom(within(table).getByRole('cell', { name: 'marie.tim@example.net'})).exists();
-      assert.dom(within(table).getByRole('cell', { name: 'SUPER_ADMIN'})).exists();
+      assert.dom(within(table).getByRole('cell', { name: 'marie.tim@example.net' })).exists();
+      assert.dom(within(table).getByRole('cell', { name: 'SUPER_ADMIN' })).exists();
     });
 
     test('should display action buttons for a member', async function (assert) {