From 1d2e82dd7788c7d0455d5aea6edcb87ef2b59341 Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Tue, 24 Nov 2020 22:14:58 +0100
Subject: [PATCH] feature: admin-community-list

---
 src/views/admin/page-admin-communities.pug | 32 ++++++++++++----------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/views/admin/page-admin-communities.pug b/src/views/admin/page-admin-communities.pug
index 7883571..8923a03 100644
--- a/src/views/admin/page-admin-communities.pug
+++ b/src/views/admin/page-admin-communities.pug
@@ -1,34 +1,36 @@
-.content-box.flex.full-width.with-form
+.content-box.full-width.with-form
   solid-router(default-route='admin-communities-list', hidden)
     solid-route(name='admin-communities-list')
     solid-route(name='admin-users-create', use-id)
 
-  div.content-box__header.flex.space-between
-    h1.without-margin(data-trans='communities.title')
-    button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='communities.menuMobile')
+  div.segment.padding-xlarge.border-bottom
+    div
+      h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')
+    div.segment.lg-hidden
+      button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='communities.menuMobile')
   
   solid-widget(name='hubl-action-community')
     template
       solid-ac-checker(data-src="${value}", nested-field="members", permission='acl:Append')
         solid-link(
-          class='button text-bold text-uppercase reversed button-primary bordered with-icon icon-plus'
+          class='button text-bolder text-uppercase reversed button-secondary bordered icon icon-plus'
           data-src="${value}"
           next="admin-users-create"
           data-trans='communities.linkInvite'
         )
       solid-ac-checker(data-src="${value}", nested-field="members", no-permission='acl:Append')
-        div.button.text-bold.text-uppercase.button-disabled(data-trans='communities.noPermission')
+        div.button.text-uppercase.button-disabled(data-trans='communities.noPermission')
 
   #admin-communities-list.content-box__height(hidden, data-view="admin-communities-list")
-    div.content-box__info.flex
-      div.admin-header.flex
-        h3(data-trans='communities.subTitle')
+    div.segment.padding-xlarge
+      div.segment.padding-y-small.margin-bottom.clearfix
+        h3.text-large.text-bold.text-letter-spacing-large(data-trans='communities.subTitle')
 
       .table-wrapper
-        .table
-          div.table-header.grey-color
-            div.w450(data-trans='communities.tableHeader1') 
-            div.w370(data-trans='communities.tableHeader2')
+        .table.segment.margin-bottom
+          div.table-header
+            div.table-cell.w450(data-trans='communities.tableHeader1') 
+            div.table-cell.w370(data-trans='communities.tableHeader2')
         
           solid-display(
             class='table-body'
@@ -37,8 +39,8 @@
             fields='community.name, community'
             loader-id='loader-admin-community'
 
-            class-community.name='w450 border cell-with-name'
-            class-community='w370 border cell-with-buttons is-spaced'
+            class-community.name='table-cell w450 text-color-heading text-bold text-letter-spacing-large'
+            class-community='table-cell w370'
             widget-community='hubl-action-community'
 
             order-asc='community.name'