From c366e14db763b86a42b96ccc9e055596a4a0a2cc Mon Sep 17 00:00:00 2001
From: baudelotphilippe <philippe@baudelot.eu>
Date: Tue, 10 Sep 2024 14:20:32 +0200
Subject: [PATCH] remove some margins for some page of the bo

---
 daikoku/javascript/src/apps/DaikokuApp.tsx    |  2 +-
 .../adminbackoffice/teams/TeamList.tsx        | 86 ++++++++++---------
 .../src/components/frontend/team/MyHome.tsx   | 28 +++---
 3 files changed, 58 insertions(+), 58 deletions(-)

diff --git a/daikoku/javascript/src/apps/DaikokuApp.tsx b/daikoku/javascript/src/apps/DaikokuApp.tsx
index b0b03652d..cdab3e4e4 100644
--- a/daikoku/javascript/src/apps/DaikokuApp.tsx
+++ b/daikoku/javascript/src/apps/DaikokuApp.tsx
@@ -146,7 +146,7 @@ export const DaikokuApp = () => {
           <ModalProvider>
             <div className="d-flex flex-row">
               <SideBar />
-              <div className="wrapper flex-grow-1">
+              <div className="wrapper flex-grow-1 container-fluid">
                 <Routes>
                   <Route
                     path='/error'
diff --git a/daikoku/javascript/src/components/adminbackoffice/teams/TeamList.tsx b/daikoku/javascript/src/components/adminbackoffice/teams/TeamList.tsx
index a9788c4c1..2f917a665 100644
--- a/daikoku/javascript/src/components/adminbackoffice/teams/TeamList.tsx
+++ b/daikoku/javascript/src/components/adminbackoffice/teams/TeamList.tsx
@@ -264,50 +264,52 @@ export const TeamList = () => {
 
   return (<Can I={manage} a={TENANT} dispatchError>
     <div className="row">
-      <div className="d-flex justify-content-between align-items-center">
-        <h1>
-          <Translation i18nkey="Teams">Teams</Translation>
-        </h1>
-        <div className="col-5">
-          <input
-            placeholder={translate('Find a team')}
-            className="form-control"
-            onChange={(e) => {
-              debouncedResults(e)
-            }} />
+      <div className="col">
+        <div className="d-flex justify-content-between align-items-center">
+          <h1>
+            <Translation i18nkey="Teams">Teams</Translation>
+          </h1>
+          <div className="col-5">
+            <input
+              placeholder={translate('Find a team')}
+              className="form-control"
+              onChange={(e) => {
+                debouncedResults(e)
+              }} />
+          </div>
         </div>
-      </div>
-      {!dataRequest.isLoading && !dataRequest.isError && dataRequest.data &&
-        <div className="d-flex flex-wrap section">{
-          dataRequest.data.teams.map((team) => {
-            return (
-              <AvatarWithAction key={team._id} avatar={team.avatar} infos={<>
-                <span className=" section team__name text-truncate">{team.name}</span>
-              </>} actions={actions(team)} />)
-          })}
-          <div className="avatar-with-action new-team-button">
-            <div className="container">
-              <div className="avatar__container"
-                title={translate('Create a new team')}
-                onClick={createNewTeam}><Plus /></div>
+        {!dataRequest.isLoading && !dataRequest.isError && dataRequest.data &&
+          <div className="d-flex flex-wrap section">{
+            dataRequest.data.teams.map((team) => {
+              return (
+                <AvatarWithAction key={team._id} avatar={team.avatar} infos={<>
+                  <span className=" section team__name text-truncate">{team.name}</span>
+                </>} actions={actions(team)} />)
+            })}
+            <div className="avatar-with-action new-team-button">
+              <div className="container">
+                <div className="avatar__container"
+                  title={translate('Create a new team')}
+                  onClick={createNewTeam}><Plus /></div>
+              </div>
             </div>
-          </div>
-          <div className="apis__pagination d-flex justify-content-center align-items-center" style={{ width: '100%' }}>
-            <Pagination
-              previousLabel={translate('Previous')}
-              nextLabel={translate('Next')}
-              breakLabel={'...'}
-              breakClassName={'break'}
-              pageCount={Math.ceil(dataRequest.data.total / limit)}
-              marginPagesDisplayed={1}
-              pageRangeDisplayed={5}
-              onPageChange={(data) => handlePageClick(data)}
-              containerClassName={'pagination'}
-              pageClassName={'page-selector'}
-              forcePage={page}
-              activeClassName={'active'} />
-          </div>
-        </div>}
+            <div className="apis__pagination d-flex justify-content-center align-items-center" style={{ width: '100%' }}>
+              <Pagination
+                previousLabel={translate('Previous')}
+                nextLabel={translate('Next')}
+                breakLabel={'...'}
+                breakClassName={'break'}
+                pageCount={Math.ceil(dataRequest.data.total / limit)}
+                marginPagesDisplayed={1}
+                pageRangeDisplayed={5}
+                onPageChange={(data) => handlePageClick(data)}
+                containerClassName={'pagination'}
+                pageClassName={'page-selector'}
+                forcePage={page}
+                activeClassName={'active'} />
+            </div>
+          </div>}
+      </div>
     </div>
   </Can>);
 };
diff --git a/daikoku/javascript/src/components/frontend/team/MyHome.tsx b/daikoku/javascript/src/components/frontend/team/MyHome.tsx
index b1dd2201d..6c80bbfc9 100644
--- a/daikoku/javascript/src/components/frontend/team/MyHome.tsx
+++ b/daikoku/javascript/src/components/frontend/team/MyHome.tsx
@@ -94,21 +94,19 @@ export const MyHome = () => {
     return (
       <main role="main">
         <section className="organisation__header col-12 mb-4 p-3">
-          <div className="container">
-            <div className="row text-center">
-              <div className="col-sm-4">
-                <img
-                  className="organisation__avatar"
-                  src={tenant.logo ? tenant.logo : '/assets/images/daikoku.svg'}
-                  alt="avatar"
-                />
-              </div>
-              <div className="col-sm-7 d-flex flex-column justify-content-center">
-                <h1 className="jumbotron-heading">
-                  {tenant.title ? tenant.title : translate('Your APIs center')}
-                </h1>
-                <Description description={tenant.description} />
-              </div>
+          <div className="row text-center">
+            <div className="col-sm-4">
+              <img
+                className="organisation__avatar"
+                src={tenant.logo ? tenant.logo : '/assets/images/daikoku.svg'}
+                alt="avatar"
+              />
+            </div>
+            <div className="col-sm-7 d-flex flex-column justify-content-center">
+              <h1 className="jumbotron-heading">
+                {tenant.title ? tenant.title : translate('Your APIs center')}
+              </h1>
+              <Description description={tenant.description} />
             </div>
           </div>
         </section>