From 746d7e0ca5cfe0126c8b00e8cfb400bd6ba38001 Mon Sep 17 00:00:00 2001
From: Virginie Ky <virginie.ky@gmail.com>
Date: Mon, 2 Sep 2019 17:25:30 +0200
Subject: [PATCH 1/7] some UI fixes

---
 .../api/address/models/Address.settings.json  |  5 ++
 .../models/Restaurant.settings.json           | 21 ++++--
 .../lib/src/components/TrashButton/index.js   |  1 +
 .../CustomTable/styledComponents.js           |  6 +-
 .../src/components/GroupBanner/components.js  | 68 +++++++++++--------
 .../src/components/SelectMany/components.js   | 15 ++--
 .../components/SelectWrapper/components.js    |  5 --
 .../ViewContainer/StyledViewContainer.js      |  7 ++
 8 files changed, 76 insertions(+), 52 deletions(-)

diff --git a/examples/getstarted/api/address/models/Address.settings.json b/examples/getstarted/api/address/models/Address.settings.json
index 51fe9b4d17..20d900fa46 100755
--- a/examples/getstarted/api/address/models/Address.settings.json
+++ b/examples/getstarted/api/address/models/Address.settings.json
@@ -28,6 +28,11 @@
     },
     "country": {
       "model": "country"
+    },
+    "abcnhfdnhbgfderftghnnhgtfrertghnhgres": {
+      "collection": "abc",
+      "dominant": true,
+      "via": "addresses"
     }
   }
 }
\ No newline at end of file
diff --git a/examples/getstarted/api/restaurant/models/Restaurant.settings.json b/examples/getstarted/api/restaurant/models/Restaurant.settings.json
index 2ddaf2fa19..e0b1ac182f 100755
--- a/examples/getstarted/api/restaurant/models/Restaurant.settings.json
+++ b/examples/getstarted/api/restaurant/models/Restaurant.settings.json
@@ -7,7 +7,10 @@
   },
   "options": {
     "increments": true,
-    "timestamps": ["created_at", "updated_at"],
+    "timestamps": [
+      "created_at",
+      "updated_at"
+    ],
     "comment": ""
   },
   "attributes": {
@@ -29,11 +32,14 @@
     "categories": {
       "collection": "category"
     },
-    "address": {
-      "model": "address"
-    },
     "price_range": {
-      "enum": ["very_cheap", "cheap", "average", "expensive", "very_expensive"],
+      "enum": [
+        "very_cheap",
+        "cheap",
+        "average",
+        "expensive",
+        "very_expensive"
+      ],
       "type": "enumeration"
     },
     "description": {
@@ -57,6 +63,9 @@
       "required": true,
       "repeatable": true,
       "type": "group"
+    },
+    "address": {
+      "model": "address"
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/strapi-helper-plugin/lib/src/components/TrashButton/index.js b/packages/strapi-helper-plugin/lib/src/components/TrashButton/index.js
index f01f6243df..feb96a520a 100644
--- a/packages/strapi-helper-plugin/lib/src/components/TrashButton/index.js
+++ b/packages/strapi-helper-plugin/lib/src/components/TrashButton/index.js
@@ -43,4 +43,5 @@ const TrashButton = styled.div`
     }
   }
 `;
+
 export default TrashButton;
diff --git a/packages/strapi-plugin-content-manager/admin/src/components/CustomTable/styledComponents.js b/packages/strapi-plugin-content-manager/admin/src/components/CustomTable/styledComponents.js
index 7fee0ce634..3d9f0f83bb 100644
--- a/packages/strapi-plugin-content-manager/admin/src/components/CustomTable/styledComponents.js
+++ b/packages/strapi-plugin-content-manager/admin/src/components/CustomTable/styledComponents.js
@@ -106,11 +106,7 @@ const Icon = styled.i`
   }}
 `;
 
-const Truncate = styled.div`
-  // display: table;
-  // table-layout: fixed;
-  // width: 100%;
-`;
+const Truncate = styled.div``;
 
 const Truncated = styled.p`
   overflow-x: hidden;
diff --git a/packages/strapi-plugin-content-manager/admin/src/components/GroupBanner/components.js b/packages/strapi-plugin-content-manager/admin/src/components/GroupBanner/components.js
index 02664b84b7..fc66cf9a32 100644
--- a/packages/strapi-plugin-content-manager/admin/src/components/GroupBanner/components.js
+++ b/packages/strapi-plugin-content-manager/admin/src/components/GroupBanner/components.js
@@ -73,36 +73,48 @@ const Wrapper = styled(Flex)`
   cursor: pointer;
 
   background-color: ${({ hasErrors, isOpen }) => {
-        if (hasErrors && isOpen) {
-          return '#FFE9E0';
-        } else if (isOpen) {
-          return '#E6F0FB';
-        } else {
-          return '#ffffff';
-        }
-      }}
-      ${({ hasErrors, isOpen }) => {
-        if (hasErrors) {
-          return css`
-            color: #f64d0a;
-            font-weight: 600;
-          `;
-        }
-
-        if (isOpen) {
-          return css`
-            color: #007eff;
-            font-weight: 600;
-          `;
-        }
-      }}
-      button,
-    i, img {
-    &:active,
-    &:focus {
-      outline: 0;
+    if (hasErrors && isOpen) {
+      return '#FFE9E0';
+    } else if (isOpen) {
+      return '#E6F0FB';
+    } else {
+      return '#ffffff';
     }
+  }};
+
+
+  ${({ hasErrors, isOpen }) => {
+    if (hasErrors) {
+      return css`
+        color: #f64d0a;
+        font-weight: 600;
+      `;
+    }
+    if (isOpen) {
+      return css`
+        color: #007eff;
+        font-weight: 600;
+      `;
+    }
+  }}
+    
+  button,
+  i, img {
+  &:active,
+  &:focus {
+    outline: 0;
   }
+
+  ${({ isOpen }) => {
+    if (isOpen) {
+      return css`
+        &.trash-icon i {
+          color: #007eff;
+        }
+      `;
+    }
+  }}
+
   webkit-font-smoothing: antialiased;
 `;
 
diff --git a/packages/strapi-plugin-content-manager/admin/src/components/SelectMany/components.js b/packages/strapi-plugin-content-manager/admin/src/components/SelectMany/components.js
index fe91d9379b..1cc182d63d 100644
--- a/packages/strapi-plugin-content-manager/admin/src/components/SelectMany/components.js
+++ b/packages/strapi-plugin-content-manager/admin/src/components/SelectMany/components.js
@@ -5,7 +5,7 @@ const ListWrapper = styled.div`
   max-height: 116px;
 
   > ul {
-    margin: 4px -20px 0;
+    margin: 0 -20px 0;
     padding: 0 20px !important;
     list-style: none !important;
     overflow: auto;
@@ -37,14 +37,13 @@ const Li = styled.li`
   flex-wrap: nowrap;
   align-content: center;
   justify-content: space-between;
-  height: 27px;
-  background-color: transparent !important;
-  margin-bottom: 9px;
-
+  height: 18px;
+  margin-top: 9px;
+  &:last-of-type {
+    margin-bottom: 0px;
+  }
   &:active {
     .dragHandle {
-      // cursor: pointer;
-
       > span {
         background: #aed4fb;
       }
@@ -132,7 +131,7 @@ const Li = styled.li`
       display: inline-block;
       height: 100%;
       padding-right: 0px;
-      line-height: 27px;
+      line-height: 18px;
       text-align: right;
       white-space: nowrap;
       overflow: hidden;
diff --git a/packages/strapi-plugin-content-manager/admin/src/components/SelectWrapper/components.js b/packages/strapi-plugin-content-manager/admin/src/components/SelectWrapper/components.js
index a381f082ad..386bd29767 100644
--- a/packages/strapi-plugin-content-manager/admin/src/components/SelectWrapper/components.js
+++ b/packages/strapi-plugin-content-manager/admin/src/components/SelectWrapper/components.js
@@ -94,11 +94,6 @@ const Wrapper = styled.div`
         }
       }
     }
-    & + div {
-      ul {
-        margin-bottom: -4px;
-      }
-    }
   }
 `;
 
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/containers/ViewContainer/StyledViewContainer.js b/packages/strapi-plugin-content-type-builder/admin/src/containers/ViewContainer/StyledViewContainer.js
index e214c414ba..8dfd01e728 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/containers/ViewContainer/StyledViewContainer.js
+++ b/packages/strapi-plugin-content-type-builder/admin/src/containers/ViewContainer/StyledViewContainer.js
@@ -38,6 +38,13 @@ const StyledViewContainer = styled.div`
       padding-top: 3.4rem;
       display: flex;
       justify-content: flex-end;
+      > div {
+        height: 30px;
+        line-height: 30px;
+        > div {
+          padding: 0 15px;
+        }
+      }
     }
   }
 `;

From a3e044da87ecaec1b4633a44ea9ff34b670aaa1b Mon Sep 17 00:00:00 2001
From: Virginie Ky <virginie.ky@gmail.com>
Date: Tue, 3 Sep 2019 12:29:12 +0200
Subject: [PATCH 2/7] leftmenu responsive ui

---
 .../src/components/LeftMenuLink/styles.scss   | 29 ++++++++++++++-----
 1 file changed, 22 insertions(+), 7 deletions(-)

diff --git a/packages/strapi-admin/admin/src/components/LeftMenuLink/styles.scss b/packages/strapi-admin/admin/src/components/LeftMenuLink/styles.scss
index 02551c20af..705d3dc8e6 100644
--- a/packages/strapi-admin/admin/src/components/LeftMenuLink/styles.scss
+++ b/packages/strapi-admin/admin/src/components/LeftMenuLink/styles.scss
@@ -1,5 +1,5 @@
 // Import
-@import "../../styles/variables/variables";
+@import '../../styles/variables/variables';
 
 .item {
   position: relative;
@@ -12,13 +12,14 @@
   .plugin {
     cursor: pointer;
     position: absolute;
-    top: 10px; left: calc(100% - 4px);
+    top: 10px;
+    left: calc(100% - 4px);
     display: inline-block;
     width: auto;
     height: 20px;
     transition: right 1s ease-in-out;
 
-    span{
+    span {
       display: inline-block;
       overflow: hidden;
       width: auto;
@@ -29,10 +30,10 @@
       line-height: 20px;
       background: #0097f7;
       border-radius: 3px;
-      transition: transform .3s ease-in-out;
+      transition: transform 0.3s ease-in-out;
       white-space: pre;
 
-      &:hover{
+      &:hover {
         transform: translateX(calc(-100% + 9px));
       }
     }
@@ -40,7 +41,8 @@
 }
 
 .link {
-  padding-top: .9rem;
+  position: relative;
+  padding-top: 0.8rem;
   padding-bottom: 0.2rem;
   padding-left: 1.6rem;
   min-height: 3.6rem;
@@ -66,6 +68,15 @@
   &:visited {
     color: $left-menu-link-color;
   }
+  span {
+    display: inline-block;
+    padding-right: 1rem;
+    padding-left: 2.6rem;
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 }
 
 .linkActive {
@@ -74,7 +85,9 @@
 }
 
 .linkIcon {
-  position: relative;
+  position: absolute;
+  top: calc(50% - 0.9rem + 0.6rem);
+  left: 1.6rem;
   margin-right: 1.2rem;
   font-size: 1.2rem;
   width: 1.4rem;
@@ -86,4 +99,6 @@
 .linkLabel {
   display: inline-block;
   padding-right: 1rem;
+  padding-left: 2.6rem;
+  width: 100%;
 }

From 5453a311fcbd25ff6fd0711484032c946b4e1a0e Mon Sep 17 00:00:00 2001
From: Virginie Ky <virginie.ky@gmail.com>
Date: Tue, 3 Sep 2019 21:15:32 +0200
Subject: [PATCH 3/7] some UI fixes

---
 .../PluginHeader/StyledPluginHeader.js        | 16 +++++++
 .../lib/src/components/PluginHeader/index.js  | 42 ++++++++--------
 .../src/components/PluginHeader/styles.scss   |  3 --
 .../StyledPluginHeaderActions.js              | 26 ++++++++++
 .../components/PluginHeaderActions/index.js   | 22 ++-------
 .../PluginHeaderActions/styles.scss           |  6 ---
 .../StyledPluginHeaderTitle.js                | 48 +++++++++++++++++++
 .../src/components/PluginHeaderTitle/index.js | 32 ++++++-------
 .../components/PluginHeaderTitle/styles.scss  | 23 ---------
 .../components/SelectWrapper/components.js    |  4 ++
 .../admin/src/containers/EditView/index.js    |  4 +-
 .../admin/src/components/BackHeader/index.js  |  0
 .../containers/AttributesPickerModal/index.js |  6 ++-
 .../admin/src/containers/ModelPage/index.js   | 18 +++++--
 .../ViewContainer/StyledViewContainer.js      |  7 +--
 15 files changed, 156 insertions(+), 101 deletions(-)
 create mode 100644 packages/strapi-helper-plugin/lib/src/components/PluginHeader/StyledPluginHeader.js
 delete mode 100644 packages/strapi-helper-plugin/lib/src/components/PluginHeader/styles.scss
 create mode 100644 packages/strapi-helper-plugin/lib/src/components/PluginHeaderActions/StyledPluginHeaderActions.js
 delete mode 100644 packages/strapi-helper-plugin/lib/src/components/PluginHeaderActions/styles.scss
 create mode 100644 packages/strapi-helper-plugin/lib/src/components/PluginHeaderTitle/StyledPluginHeaderTitle.js
 delete mode 100644 packages/strapi-helper-plugin/lib/src/components/PluginHeaderTitle/styles.scss
 create mode 100644 packages/strapi-plugin-content-type-builder/admin/src/components/BackHeader/index.js

diff --git a/packages/strapi-helper-plugin/lib/src/components/PluginHeader/StyledPluginHeader.js b/packages/strapi-helper-plugin/lib/src/components/PluginHeader/StyledPluginHeader.js
new file mode 100644
index 0000000000..88a5cf4926
--- /dev/null
+++ b/packages/strapi-helper-plugin/lib/src/components/PluginHeader/StyledPluginHeader.js
@@ -0,0 +1,16 @@
+/**
+ *
+ * StyledPluginHeader
+ *
+ */
+
+import styled from 'styled-components';
+
+const StyledPluginHeader = styled.div`
+  margin-bottom: 30px;
+  .justify-content-end {
+    display: flex;
+  }
+`;
+
+export default StyledPluginHeader;
diff --git a/packages/strapi-helper-plugin/lib/src/components/PluginHeader/index.js b/packages/strapi-helper-plugin/lib/src/components/PluginHeader/index.js
index f696b18d63..03e650ec17 100644
--- a/packages/strapi-helper-plugin/lib/src/components/PluginHeader/index.js
+++ b/packages/strapi-helper-plugin/lib/src/components/PluginHeader/index.js
@@ -11,7 +11,7 @@ import cn from 'classnames';
 import PluginHeaderTitle from '../PluginHeaderTitle';
 import PluginHeaderActions from '../PluginHeaderActions';
 
-import styles from './styles.scss';
+import StyledPluginHeader from './StyledPluginHeader';
 
 function PluginHeader({
   actions,
@@ -25,27 +25,27 @@ function PluginHeader({
   withDescriptionAnim,
 }) {
   return (
-    <div className={cn(styles.pluginHeader, 'row')}>
-      <div className="col-lg-7">
-        <PluginHeaderTitle
-          icon={icon}
-          onClickIcon={onClickIcon}
-          title={title}
-          titleId={titleId}
-          description={description}
-          withDescriptionAnim={withDescriptionAnim}
-        />
+    <StyledPluginHeader>
+      <div className="row">
+        <div className="col-lg-6">
+          <PluginHeaderTitle
+            icon={icon}
+            onClickIcon={onClickIcon}
+            title={title}
+            titleId={titleId}
+            description={description}
+            withDescriptionAnim={withDescriptionAnim}
+          />
+        </div>
+        <div className="col-lg-6 justify-content-end">
+          <PluginHeaderActions actions={subActions} />
+          <PluginHeaderActions
+            actions={actions}
+            overrideRendering={overrideRendering}
+          />
+        </div>
       </div>
-      <div className="col-lg-2 justify-content-end">
-        <PluginHeaderActions actions={subActions} />
-      </div>
-      <div className="col-lg-3 justify-content">
-        <PluginHeaderActions
-          actions={actions}
-          overrideRendering={overrideRendering}
-        />
-      </div>
-    </div>
+    </StyledPluginHeader>
   );
 }
 
diff --git a/packages/strapi-helper-plugin/lib/src/components/PluginHeader/styles.scss b/packages/strapi-helper-plugin/lib/src/components/PluginHeader/styles.scss
deleted file mode 100644
index a1259bd571..0000000000
--- a/packages/strapi-helper-plugin/lib/src/components/PluginHeader/styles.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.pluginHeader {
-  margin-bottom: 30px;
-}
diff --git a/packages/strapi-helper-plugin/lib/src/components/PluginHeaderActions/StyledPluginHeaderActions.js b/packages/strapi-helper-plugin/lib/src/components/PluginHeaderActions/StyledPluginHeaderActions.js
new file mode 100644
index 0000000000..f91d8f0756
--- /dev/null
+++ b/packages/strapi-helper-plugin/lib/src/components/PluginHeaderActions/StyledPluginHeaderActions.js
@@ -0,0 +1,26 @@
+/**
+ *
+ * StyledPluginHeaderActions
+ *
+ */
+
+import styled from 'styled-components';
+
+const StyledPluginHeaderActions = styled.div`
+  display: flex;
+  justify-content: flex-end;
+  width: fit-content;
+  max-width: 100%;
+  padding-top: 0.9rem;
+  button {
+    margin-right: 0;
+    margin-left: 1.8rem;
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    text-align: center;
+  }
+`;
+
+export default StyledPluginHeaderActions;
diff --git a/packages/strapi-helper-plugin/lib/src/components/PluginHeaderActions/index.js b/packages/strapi-helper-plugin/lib/src/components/PluginHeaderActions/index.js
index 544638b577..e494c65509 100644
--- a/packages/strapi-helper-plugin/lib/src/components/PluginHeaderActions/index.js
+++ b/packages/strapi-helper-plugin/lib/src/components/PluginHeaderActions/index.js
@@ -10,26 +10,20 @@ import { isArray, isFunction } from 'lodash';
 
 import Button from '../Button';
 
-import styles from './styles.scss';
+import StyledPluginHeaderActions from './StyledPluginHeaderActions';
 
 function PluginHeaderActions({ actions, overrideRendering }) {
   let content = '';
 
   if (isArray(actions)) {
-    content = actions.map(action => (
-      <Button {...action} key={action.label} />
-    ));
+    content = actions.map(action => <Button {...action} key={action.label} />);
   }
 
   if (isFunction(overrideRendering)) {
     content = overrideRendering();
   }
 
-  return (
-    <div className={styles.pluginHeaderActions}>
-      {content}
-    </div>
-  );
+  return <StyledPluginHeaderActions>{content}</StyledPluginHeaderActions>;
 }
 
 PluginHeaderActions.defaultProps = {
@@ -38,14 +32,8 @@ PluginHeaderActions.defaultProps = {
 };
 
 PluginHeaderActions.propTypes = {
-  actions: PropTypes.oneOfType([
-    PropTypes.array,
-    PropTypes.bool,
-  ]),
-  overrideRendering: PropTypes.oneOfType([
-    PropTypes.bool,
-    PropTypes.func,
-  ]),
+  actions: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),
+  overrideRendering: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
 };
 
 export default PluginHeaderActions;
diff --git a/packages/strapi-helper-plugin/lib/src/components/PluginHeaderActions/styles.scss b/packages/strapi-helper-plugin/lib/src/components/PluginHeaderActions/styles.scss
deleted file mode 100644
index ccd5d3b6c0..0000000000
--- a/packages/strapi-helper-plugin/lib/src/components/PluginHeaderActions/styles.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-.pluginHeaderActions {
-  display: flex;
-  justify-content: flex-end;
-  margin-top: 9px;
-  margin-right: -18px;
-}
diff --git a/packages/strapi-helper-plugin/lib/src/components/PluginHeaderTitle/StyledPluginHeaderTitle.js b/packages/strapi-helper-plugin/lib/src/components/PluginHeaderTitle/StyledPluginHeaderTitle.js
new file mode 100644
index 0000000000..fe5f1ac2f4
--- /dev/null
+++ b/packages/strapi-helper-plugin/lib/src/components/PluginHeaderTitle/StyledPluginHeaderTitle.js
@@ -0,0 +1,48 @@
+/**
+ *
+ * StyledPluginHeaderTitle
+ *
+ */
+
+import styled from 'styled-components';
+
+const StyledPluginHeaderTitle = styled.div`
+  .header-title {
+    position: relative;
+    h1 {
+      position: relative;
+      width: fit-content;
+      max-width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      font-size: 2.4rem;
+      font-weight: 600;
+      margin-top: 0.7rem;
+      margin-bottom: 1px;
+      text-transform: capitalize;
+      padding-right: 18px;
+    }
+    i {
+      font-size: 14px;
+      position: absolute;
+      right: 0;
+      top: 0;
+      margin-top: 9px;
+      color: rgba(16, 22, 34, 0.35);
+      cursor: pointer;
+    }
+  }
+  .header-subtitle {
+    width: 100%;
+    margin: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 1.3rem;
+    font-weight: 400;
+    color: #787e8f;
+  }
+`;
+
+export default StyledPluginHeaderTitle;
diff --git a/packages/strapi-helper-plugin/lib/src/components/PluginHeaderTitle/index.js b/packages/strapi-helper-plugin/lib/src/components/PluginHeaderTitle/index.js
index 3a1fd1be79..9296dfaf3c 100644
--- a/packages/strapi-helper-plugin/lib/src/components/PluginHeaderTitle/index.js
+++ b/packages/strapi-helper-plugin/lib/src/components/PluginHeaderTitle/index.js
@@ -11,7 +11,7 @@ import { isEmpty, isFunction, isObject } from 'lodash';
 
 import LoadingBar from '../LoadingBar';
 
-import styles from './styles.scss';
+import StyledPluginHeaderTitle from './StyledPluginHeaderTitle';
 
 function PluginHeaderTitle({
   description,
@@ -25,28 +25,26 @@ function PluginHeaderTitle({
   const contentDescription = formatData(description);
 
   return (
-    <div>
-      <div style={{ display: 'flex' }}>
-        <h1 className={styles.pluginHeaderTitleName} id={titleId}>
-          {contentTitle}&nbsp;
+    <StyledPluginHeaderTitle>
+      <div className="header-title">
+        <h1 id={titleId}>
+          {contentTitle}
+          {icon && (
+            <i
+              className={`${icon}`}
+              id="editCTName"
+              onClick={onClickIcon}
+              role="button"
+            />
+          )}
         </h1>
-        {icon && (
-          <i
-            className={`${icon} ${styles.icon}`}
-            id="editCTName"
-            onClick={onClickIcon}
-            role="button"
-          />
-        )}
       </div>
       {withDescriptionAnim ? (
         <LoadingBar style={{ marginTop: '13px' }} />
       ) : (
-        <p className={styles.pluginHeaderTitleDescription}>
-          {contentDescription}&nbsp;
-        </p>
+        <p className="header-subtitle">{contentDescription}&nbsp;</p>
       )}
-    </div>
+    </StyledPluginHeaderTitle>
   );
 }
 
diff --git a/packages/strapi-helper-plugin/lib/src/components/PluginHeaderTitle/styles.scss b/packages/strapi-helper-plugin/lib/src/components/PluginHeaderTitle/styles.scss
deleted file mode 100644
index 204ef8c4ac..0000000000
--- a/packages/strapi-helper-plugin/lib/src/components/PluginHeaderTitle/styles.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-.pluginHeaderTitleName {
-  font-size: 2.4rem;
-  font-weight: 600;
-  margin-top: 0.7rem;
-  margin-bottom: 1px;
-  text-transform: capitalize;
-}
-
-.pluginHeaderTitleDescription {
-  font-size: 1.3rem;
-  font-weight: 400;
-  color: #787E8F;
-  margin: 0;
-}
-
-.icon {
-  margin-top: 16px;
-  margin-left: 3px;
-  color: rgba(16,22,34,.35);
-  &:hover {
-    cursor: pointer;
-  }
-}
diff --git a/packages/strapi-plugin-content-manager/admin/src/components/SelectWrapper/components.js b/packages/strapi-plugin-content-manager/admin/src/components/SelectWrapper/components.js
index 386bd29767..065aab4f35 100644
--- a/packages/strapi-plugin-content-manager/admin/src/components/SelectWrapper/components.js
+++ b/packages/strapi-plugin-content-manager/admin/src/components/SelectWrapper/components.js
@@ -5,6 +5,10 @@ const Wrapper = styled.div`
   margin-bottom: 27px;
 
   label {
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
     font-size: 1.3rem;
     font-weight: 500;
   }
diff --git a/packages/strapi-plugin-content-manager/admin/src/containers/EditView/index.js b/packages/strapi-plugin-content-manager/admin/src/containers/EditView/index.js
index d9ce3e9543..a8ae120c02 100644
--- a/packages/strapi-plugin-content-manager/admin/src/containers/EditView/index.js
+++ b/packages/strapi-plugin-content-manager/admin/src/containers/EditView/index.js
@@ -380,9 +380,7 @@ function EditView({
                 label: `${pluginId}.containers.Edit.submit`,
                 type: 'submit',
                 loader: isSubmitting,
-                style: isSubmitting
-                  ? { marginRight: '18px', flexGrow: 2 }
-                  : { flexGrow: 2 },
+                style: isSubmitting ? { marginRight: '18px' } : {},
                 disabled: isSubmitting, // TODO STATE WHEN SUBMITING
               },
             ]}
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/components/BackHeader/index.js b/packages/strapi-plugin-content-type-builder/admin/src/components/BackHeader/index.js
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/containers/AttributesPickerModal/index.js b/packages/strapi-plugin-content-type-builder/admin/src/containers/AttributesPickerModal/index.js
index a408df838c..a4a7f02dc5 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/containers/AttributesPickerModal/index.js
+++ b/packages/strapi-plugin-content-type-builder/admin/src/containers/AttributesPickerModal/index.js
@@ -133,9 +133,9 @@ class AttributesPickerModal extends React.Component {
     this.setState(prevState => ({ isDisplayed: !prevState.isDisplayed }));
 
   handleToggle = () => {
-    const { push } = this.props;
+    const { push, redirectUrl } = this.props;
 
-    push({ search: '' });
+    push({ search: `${redirectUrl}` });
   };
 
   updateNodeToFocus = position => this.setState({ nodeToFocus: position });
@@ -203,6 +203,7 @@ AttributesPickerModal.defaultProps = {
   isOpen: false,
   featureName: null,
   featureType: 'model',
+  redirectUrl: '',
 };
 
 AttributesPickerModal.propTypes = {
@@ -210,6 +211,7 @@ AttributesPickerModal.propTypes = {
   featureType: PropTypes.string,
   isOpen: PropTypes.bool,
   push: PropTypes.func.isRequired,
+  redirectUrl: PropTypes.string,
 };
 
 export default AttributesPickerModal;
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/containers/ModelPage/index.js b/packages/strapi-plugin-content-type-builder/admin/src/containers/ModelPage/index.js
index 2da02a9822..324a76dc1a 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/containers/ModelPage/index.js
+++ b/packages/strapi-plugin-content-type-builder/admin/src/containers/ModelPage/index.js
@@ -386,12 +386,24 @@ export class ModelPage extends React.Component {
   };
 
   handleRedirectToGroup = group => {
+    const {
+      history: { push },
+    } = this.props;
+
     const { source, uid } = group;
 
-    const base = `/plugins/${pluginId}/groups/${uid}`;
-    const to = source ? `${base}&source=${source}` : base;
+    const baseTo = `/plugins/${pluginId}/groups/${uid}`;
+    const to = source ? `${baseTo}&source=${source}` : baseTo;
 
-    this.props.history.push(to);
+    const baseFrom = `?redirectUrl=/plugins/content-type-builder/models/${this.getModelName()}`;
+    const from = this.getSource()
+      ? `${baseFrom}&source=${this.getSource()}`
+      : baseFrom;
+
+    push({
+      pathname: `${to}`,
+      search: `${from}`,
+    });
   };
 
   handleSubmit = (shouldContinue = false) => {
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/containers/ViewContainer/StyledViewContainer.js b/packages/strapi-plugin-content-type-builder/admin/src/containers/ViewContainer/StyledViewContainer.js
index 8dfd01e728..0e29cf6120 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/containers/ViewContainer/StyledViewContainer.js
+++ b/packages/strapi-plugin-content-type-builder/admin/src/containers/ViewContainer/StyledViewContainer.js
@@ -12,11 +12,6 @@ const StyledViewContainer = styled.div`
   min-height: calc(100vh - ${sizes.header.height});
   .components-container {
     padding: 1.8rem 1.5rem;
-    div div:not(.list-button) {
-      button {
-        top: 1.8rem;
-      }
-    }
     > div:not(:first-of-type):not(:last-of-type) {
       > div:first-of-type {
         padding-bottom: 1rem;
@@ -35,7 +30,7 @@ const StyledViewContainer = styled.div`
     .trash-btn-wrapper {
       position: relative;
       width: 100%;
-      padding-top: 3.4rem;
+      padding-top: 3.1rem;
       display: flex;
       justify-content: flex-end;
       > div {

From 43ae44b48065bbaa06c6bcda060b1f60e44833dd Mon Sep 17 00:00:00 2001
From: Virginie Ky <virginie.ky@gmail.com>
Date: Wed, 4 Sep 2019 12:31:18 +0200
Subject: [PATCH 4/7] CTB back button

---
 .../lib/src/components/PluginHeader/index.js  |  1 -
 .../components/BackButton/StyledBackButton.js | 32 ++++++++
 .../admin/src/components/BackButton/index.js  | 24 ++++++
 .../admin/src/components/BackHeader/index.js  |  0
 .../admin/src/containers/App/index.js         | 79 ++++++++++++++++++-
 .../admin/src/containers/GroupPage/index.js   |  7 --
 .../containers/GroupPage/tests/index.test.js  | 10 ---
 .../admin/src/containers/ModelPage/index.js   | 12 ---
 8 files changed, 132 insertions(+), 33 deletions(-)
 create mode 100644 packages/strapi-plugin-content-type-builder/admin/src/components/BackButton/StyledBackButton.js
 create mode 100644 packages/strapi-plugin-content-type-builder/admin/src/components/BackButton/index.js
 delete mode 100644 packages/strapi-plugin-content-type-builder/admin/src/components/BackHeader/index.js

diff --git a/packages/strapi-helper-plugin/lib/src/components/PluginHeader/index.js b/packages/strapi-helper-plugin/lib/src/components/PluginHeader/index.js
index 03e650ec17..537aacc8ee 100644
--- a/packages/strapi-helper-plugin/lib/src/components/PluginHeader/index.js
+++ b/packages/strapi-helper-plugin/lib/src/components/PluginHeader/index.js
@@ -6,7 +6,6 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import cn from 'classnames';
 
 import PluginHeaderTitle from '../PluginHeaderTitle';
 import PluginHeaderActions from '../PluginHeaderActions';
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/components/BackButton/StyledBackButton.js b/packages/strapi-plugin-content-type-builder/admin/src/components/BackButton/StyledBackButton.js
new file mode 100644
index 0000000000..0ddb863dd9
--- /dev/null
+++ b/packages/strapi-plugin-content-type-builder/admin/src/components/BackButton/StyledBackButton.js
@@ -0,0 +1,32 @@
+/**
+ *
+ * StyledBackButton
+ *
+ */
+
+import styled from 'styled-components';
+
+const StyledBackButton = styled.div`
+  position: fixed;
+  top: 0;
+  height: 6rem;
+  width: 6.5rem;
+  line-height: 6rem;
+  z-index: 1050;
+  text-align: center;
+  background-color: #ffffff;
+  color: #81848a;
+  border-top: 1px solid #f3f4f4;
+  border-right: 1px solid #f3f4f4;
+  border-left: 1px solid #f3f4f4;
+  cursor: pointer;
+  i {
+    font-size: 1.8rem;
+    font-weight: bolder;
+  }
+  &:hover {
+    background-color: #f3f4f4;
+  }
+`;
+
+export default StyledBackButton;
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/components/BackButton/index.js b/packages/strapi-plugin-content-type-builder/admin/src/components/BackButton/index.js
new file mode 100644
index 0000000000..821ba94d15
--- /dev/null
+++ b/packages/strapi-plugin-content-type-builder/admin/src/components/BackButton/index.js
@@ -0,0 +1,24 @@
+/**
+ *
+ * BackButton
+ *
+ */
+
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import StyledBackButton from './StyledBackButton';
+
+function BackButton({ onClick }) {
+  return (
+    <StyledBackButton onClick={onClick}>
+      <i className="fa fa-chevron-left"></i>
+    </StyledBackButton>
+  );
+}
+
+BackButton.propTypes = {
+  onClick: PropTypes.func.isRequired,
+};
+
+export default BackButton;
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/components/BackHeader/index.js b/packages/strapi-plugin-content-type-builder/admin/src/components/BackHeader/index.js
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/containers/App/index.js b/packages/strapi-plugin-content-type-builder/admin/src/containers/App/index.js
index 703893e5ce..c295168ec4 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/containers/App/index.js
+++ b/packages/strapi-plugin-content-type-builder/admin/src/containers/App/index.js
@@ -23,6 +23,8 @@ import GroupPage from '../GroupPage';
 
 import Loader from './Loader';
 
+import BackButton from '../../components/BackButton';
+
 import {
   addAttributeRelation,
   cancelNewContentType,
@@ -77,6 +79,11 @@ const ROUTES = [
 
 export class App extends React.Component {
   // eslint-disable-line react/prefer-stateless-function
+  state = {
+    routerHistory: [],
+    number: 1,
+  };
+
   componentDidMount() {
     this.props.getData();
   }
@@ -86,6 +93,13 @@ export class App extends React.Component {
     if (prevProps.shouldRefetchData !== this.props.shouldRefetchData) {
       this.props.getData();
     }
+    if (prevProps.location !== this.props.location) {
+      if (prevProps.location.pathname !== this.getPathname()) {
+        this.addRouterHistory(prevProps.location.pathname);
+      } else {
+        this.addHistoryCount();
+      }
+    }
   }
 
   componentWillUnmount() {
@@ -101,8 +115,48 @@ export class App extends React.Component {
     );
   };
 
+  addRouterHistory = pathname => {
+    if (this.getLastPathname() !== this.getPathname()) {
+      this.setState(prevState => {
+        return {
+          routerHistory: [...prevState.routerHistory, pathname],
+          number: prevState.number + 1,
+        };
+      });
+    }
+  };
+
+  addHistoryCount = () => {
+    this.setState(prevState => {
+      return {
+        routerHistory: [...prevState.routerHistory],
+        number: prevState.number + 1,
+      };
+    });
+  };
+
+  removeRouterHistory = () => {
+    const array = [...this.state.routerHistory];
+    const index = array.length - 1;
+
+    if (index !== -1) {
+      array.splice(index, 1);
+      this.setState(prevState => {
+        return { routerHistory: array, number: prevState.number + 1 };
+      });
+    }
+  };
+
   getSearch = () => this.props.location.search;
 
+  getPathname = () => this.props.location.pathname;
+
+  getLastPathname = () => {
+    const { routerHistory } = this.state;
+
+    return routerHistory[routerHistory.length - 1];
+  };
+
   getActionType = () => {
     return getQueryParameters(this.getSearch(), 'actionType');
   };
@@ -140,6 +194,24 @@ export class App extends React.Component {
   getFeatureNameFromSearch = () =>
     getQueryParameters(this.getSearch(), `${this.getFeatureType()}Name`);
 
+  handleGoBack = async () => {
+    const { history } = this.props;
+    const { routerHistory, number } = this.state;
+
+    await this.wait();
+
+    if (routerHistory.length > 0) {
+      history.push(this.getLastPathname());
+      this.removeRouterHistory();
+    } else {
+      history.go(-number);
+    }
+  };
+
+  wait = async () => {
+    return new Promise(resolve => setTimeout(resolve, 200));
+  };
+
   isUpdatingTemporaryModel = (modelName = this.getFeatureNameFromSearch()) => {
     const { models } = this.props;
 
@@ -194,7 +266,7 @@ export class App extends React.Component {
       createTempGroup,
       groups,
       history: { push },
-      location: { pathname, search },
+      location: { search },
       isLoading,
       models,
       onChangeExistingContentTypeMainInfos,
@@ -227,7 +299,7 @@ export class App extends React.Component {
         modifiedData: this.getFormDataForModel(),
         onChangeExistingFeatureMainInfos: onChangeExistingContentTypeMainInfos,
         onChangeNewFeatureMainInfos: onChangeNewContentTypeMainInfos,
-        pathname,
+        pathname: this.getPathname(),
         push,
         resetExistingFeatureMainInfos: resetExistingContentTypeMainInfos,
         resetNewFeatureMainInfos: resetNewContentTypeMainInfos,
@@ -246,7 +318,7 @@ export class App extends React.Component {
         modifiedData: this.getFormDataForGroup(),
         onChangeExistingFeatureMainInfos: onChangeExistingGroupMainInfos,
         onChangeNewFeatureMainInfos: onChangeNewGroupMainInfos,
-        pathname,
+        pathname: this.getPathname(),
         push,
         resetExistingFeatureMainInfos: resetExistingGroupMainInfos,
         resetNewFeatureMainInfos: () => {},
@@ -264,6 +336,7 @@ export class App extends React.Component {
         }}
       >
         <div className={styles.app}>
+          <BackButton onClick={this.handleGoBack}></BackButton>
           <Switch>
             {ROUTES.map(this.renderRoute)}
             <Route component={NotFound} />
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/containers/GroupPage/index.js b/packages/strapi-plugin-content-type-builder/admin/src/containers/GroupPage/index.js
index 0df284e65d..7b59872774 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/containers/GroupPage/index.js
+++ b/packages/strapi-plugin-content-type-builder/admin/src/containers/GroupPage/index.js
@@ -17,7 +17,6 @@ import ViewContainer from '../ViewContainer';
 import RelationFormGroup from '../RelationFormGroup';
 
 import {
-  BackHeader,
   Button,
   EmptyAttributesBlock,
   getQueryParameters,
@@ -316,10 +315,6 @@ export class GroupPage extends React.Component {
     this.setState({ attrToDelete: null, showDeleteAttrWarning: false });
   };
 
-  handleGoBack = () => {
-    this.props.history.goBack();
-  };
-
   handleSubmit = (shouldContinue = false) => {
     const {
       addAttributeRelationGroup,
@@ -523,7 +518,6 @@ export class GroupPage extends React.Component {
 
     return (
       <>
-        <BackHeader onClick={this.handleGoBack} />
         <FormattedMessage id={`${pluginId}.prompt.content.unsaved`}>
           {msg => (
             <Prompt
@@ -715,7 +709,6 @@ GroupPage.propTypes = {
   groups: PropTypes.array.isRequired,
   history: PropTypes.shape({
     push: PropTypes.func.isRequired,
-    goBack: PropTypes.func.isRequired,
   }),
   initialDataGroup: PropTypes.object.isRequired,
   location: PropTypes.shape({
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/containers/GroupPage/tests/index.test.js b/packages/strapi-plugin-content-type-builder/admin/src/containers/GroupPage/tests/index.test.js
index ab19fb842f..3d93e9809a 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/containers/GroupPage/tests/index.test.js
+++ b/packages/strapi-plugin-content-type-builder/admin/src/containers/GroupPage/tests/index.test.js
@@ -69,7 +69,6 @@ const props = {
   ],
   history: {
     push: jest.fn(),
-    goBack: jest.fn(),
   },
   initialDataGroup: {
     tests: {
@@ -232,15 +231,6 @@ describe('CTB <GroupPage />', () => {
     });
   });
 
-  describe('HandleGoBack', () => {
-    it('should go to previous page', () => {
-      const { handleGoBack } = shallow(<GroupPage {...props} />).instance();
-      handleGoBack();
-
-      expect(props.history.goBack).toHaveBeenCalled();
-    });
-  });
-
   describe('toggleDeleteAttrModalWarning', () => {
     const wrapper = shallow(<GroupPage {...props} />);
     expect(wrapper.state()).toEqual({
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/containers/ModelPage/index.js b/packages/strapi-plugin-content-type-builder/admin/src/containers/ModelPage/index.js
index 324a76dc1a..57a2b5fdff 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/containers/ModelPage/index.js
+++ b/packages/strapi-plugin-content-type-builder/admin/src/containers/ModelPage/index.js
@@ -14,7 +14,6 @@ import { get, isEqual, pickBy } from 'lodash';
 import { Prompt } from 'react-router';
 
 import {
-  BackHeader,
   Button,
   EmptyAttributesBlock,
   List,
@@ -381,10 +380,6 @@ export class ModelPage extends React.Component {
     this.setState({ attrToDelete: null, showDeleteAttrWarning: false });
   };
 
-  handleGoBack = () => {
-    this.props.history.goBack();
-  };
-
   handleRedirectToGroup = group => {
     const {
       history: { push },
@@ -395,14 +390,8 @@ export class ModelPage extends React.Component {
     const baseTo = `/plugins/${pluginId}/groups/${uid}`;
     const to = source ? `${baseTo}&source=${source}` : baseTo;
 
-    const baseFrom = `?redirectUrl=/plugins/content-type-builder/models/${this.getModelName()}`;
-    const from = this.getSource()
-      ? `${baseFrom}&source=${this.getSource()}`
-      : baseFrom;
-
     push({
       pathname: `${to}`,
-      search: `${from}`,
     });
   };
 
@@ -611,7 +600,6 @@ export class ModelPage extends React.Component {
 
     return (
       <div className={styles.modelpage}>
-        <BackHeader onClick={this.handleGoBack} />
         <FormattedMessage id={`${pluginId}.prompt.content.unsaved`}>
           {msg => (
             <Prompt

From 51d04a4c6b34c7e2b23ae2c731e48c0ec248eea8 Mon Sep 17 00:00:00 2001
From: Virginie Ky <virginie.ky@gmail.com>
Date: Wed, 4 Sep 2019 12:35:17 +0200
Subject: [PATCH 5/7] db reset

---
 .../api/address/models/Address.settings.json  |  5 -----
 .../models/Restaurant.settings.json           | 21 ++++++-------------
 examples/getstarted/groups/openingtimes.json  |  3 +++
 3 files changed, 9 insertions(+), 20 deletions(-)

diff --git a/examples/getstarted/api/address/models/Address.settings.json b/examples/getstarted/api/address/models/Address.settings.json
index 20d900fa46..51fe9b4d17 100755
--- a/examples/getstarted/api/address/models/Address.settings.json
+++ b/examples/getstarted/api/address/models/Address.settings.json
@@ -28,11 +28,6 @@
     },
     "country": {
       "model": "country"
-    },
-    "abcnhfdnhbgfderftghnnhgtfrertghnhgres": {
-      "collection": "abc",
-      "dominant": true,
-      "via": "addresses"
     }
   }
 }
\ No newline at end of file
diff --git a/examples/getstarted/api/restaurant/models/Restaurant.settings.json b/examples/getstarted/api/restaurant/models/Restaurant.settings.json
index e0b1ac182f..2ddaf2fa19 100755
--- a/examples/getstarted/api/restaurant/models/Restaurant.settings.json
+++ b/examples/getstarted/api/restaurant/models/Restaurant.settings.json
@@ -7,10 +7,7 @@
   },
   "options": {
     "increments": true,
-    "timestamps": [
-      "created_at",
-      "updated_at"
-    ],
+    "timestamps": ["created_at", "updated_at"],
     "comment": ""
   },
   "attributes": {
@@ -32,14 +29,11 @@
     "categories": {
       "collection": "category"
     },
+    "address": {
+      "model": "address"
+    },
     "price_range": {
-      "enum": [
-        "very_cheap",
-        "cheap",
-        "average",
-        "expensive",
-        "very_expensive"
-      ],
+      "enum": ["very_cheap", "cheap", "average", "expensive", "very_expensive"],
       "type": "enumeration"
     },
     "description": {
@@ -63,9 +57,6 @@
       "required": true,
       "repeatable": true,
       "type": "group"
-    },
-    "address": {
-      "model": "address"
     }
   }
-}
\ No newline at end of file
+}
diff --git a/examples/getstarted/groups/openingtimes.json b/examples/getstarted/groups/openingtimes.json
index 8e93e3ea80..a598ead8de 100755
--- a/examples/getstarted/groups/openingtimes.json
+++ b/examples/getstarted/groups/openingtimes.json
@@ -11,6 +11,9 @@
     },
     "time": {
       "type": "string"
+    },
+    "yo": {
+      "type": "string"
     }
   }
 }
\ No newline at end of file

From b4854f583e3e8b55fb7827caeb325b2681a9c41b Mon Sep 17 00:00:00 2001
From: Virginie Ky <virginie.ky@gmail.com>
Date: Wed, 4 Sep 2019 12:37:07 +0200
Subject: [PATCH 6/7] groups reset

---
 examples/getstarted/groups/openingtimes.json | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/examples/getstarted/groups/openingtimes.json b/examples/getstarted/groups/openingtimes.json
index a598ead8de..8e93e3ea80 100755
--- a/examples/getstarted/groups/openingtimes.json
+++ b/examples/getstarted/groups/openingtimes.json
@@ -11,9 +11,6 @@
     },
     "time": {
       "type": "string"
-    },
-    "yo": {
-      "type": "string"
     }
   }
 }
\ No newline at end of file

From 1e450da9cc10deeb5589c73756dfa96fde51d4b7 Mon Sep 17 00:00:00 2001
From: Virginie Ky <virginie.ky@gmail.com>
Date: Wed, 4 Sep 2019 12:51:27 +0200
Subject: [PATCH 7/7] gst

---
 .../src/components/LeftMenuLink/styles.scss   |  4 ++--
 .../StyledPluginHeaderTitle.js                |  2 +-
 .../admin/src/containers/App/index.js         | 19 +++++++++++--------
 .../containers/AttributesPickerModal/index.js |  6 ++----
 .../admin/src/containers/ModelPage/index.js   | 12 +++---------
 5 files changed, 19 insertions(+), 24 deletions(-)

diff --git a/packages/strapi-admin/admin/src/components/LeftMenuLink/styles.scss b/packages/strapi-admin/admin/src/components/LeftMenuLink/styles.scss
index 705d3dc8e6..061bd21ed5 100644
--- a/packages/strapi-admin/admin/src/components/LeftMenuLink/styles.scss
+++ b/packages/strapi-admin/admin/src/components/LeftMenuLink/styles.scss
@@ -70,9 +70,9 @@
   }
   span {
     display: inline-block;
+    width: 100%;
     padding-right: 1rem;
     padding-left: 2.6rem;
-    width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -98,7 +98,7 @@
 
 .linkLabel {
   display: inline-block;
+  width: 100%;
   padding-right: 1rem;
   padding-left: 2.6rem;
-  width: 100%;
 }
diff --git a/packages/strapi-helper-plugin/lib/src/components/PluginHeaderTitle/StyledPluginHeaderTitle.js b/packages/strapi-helper-plugin/lib/src/components/PluginHeaderTitle/StyledPluginHeaderTitle.js
index fe5f1ac2f4..8e20aca17e 100644
--- a/packages/strapi-helper-plugin/lib/src/components/PluginHeaderTitle/StyledPluginHeaderTitle.js
+++ b/packages/strapi-helper-plugin/lib/src/components/PluginHeaderTitle/StyledPluginHeaderTitle.js
@@ -24,11 +24,11 @@ const StyledPluginHeaderTitle = styled.div`
       padding-right: 18px;
     }
     i {
-      font-size: 14px;
       position: absolute;
       right: 0;
       top: 0;
       margin-top: 9px;
+      font-size: 14px;
       color: rgba(16, 22, 34, 0.35);
       cursor: pointer;
     }
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/containers/App/index.js b/packages/strapi-plugin-content-type-builder/admin/src/containers/App/index.js
index c295168ec4..3aba6ce7a4 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/containers/App/index.js
+++ b/packages/strapi-plugin-content-type-builder/admin/src/containers/App/index.js
@@ -81,7 +81,7 @@ export class App extends React.Component {
   // eslint-disable-line react/prefer-stateless-function
   state = {
     routerHistory: [],
-    number: 1,
+    historyCount: 1,
   };
 
   componentDidMount() {
@@ -97,7 +97,7 @@ export class App extends React.Component {
       if (prevProps.location.pathname !== this.getPathname()) {
         this.addRouterHistory(prevProps.location.pathname);
       } else {
-        this.addHistoryCount();
+        this.increaseHistoryCount();
       }
     }
   }
@@ -120,17 +120,17 @@ export class App extends React.Component {
       this.setState(prevState => {
         return {
           routerHistory: [...prevState.routerHistory, pathname],
-          number: prevState.number + 1,
+          historyCount: prevState.historyCount + 1,
         };
       });
     }
   };
 
-  addHistoryCount = () => {
+  increaseHistoryCount = () => {
     this.setState(prevState => {
       return {
         routerHistory: [...prevState.routerHistory],
-        number: prevState.number + 1,
+        historyCount: prevState.historyCount + 1,
       };
     });
   };
@@ -142,7 +142,10 @@ export class App extends React.Component {
     if (index !== -1) {
       array.splice(index, 1);
       this.setState(prevState => {
-        return { routerHistory: array, number: prevState.number + 1 };
+        return {
+          routerHistory: array,
+          historyCount: prevState.historyCount + 1,
+        };
       });
     }
   };
@@ -196,7 +199,7 @@ export class App extends React.Component {
 
   handleGoBack = async () => {
     const { history } = this.props;
-    const { routerHistory, number } = this.state;
+    const { routerHistory, historyCount } = this.state;
 
     await this.wait();
 
@@ -204,7 +207,7 @@ export class App extends React.Component {
       history.push(this.getLastPathname());
       this.removeRouterHistory();
     } else {
-      history.go(-number);
+      history.go(-historyCount);
     }
   };
 
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/containers/AttributesPickerModal/index.js b/packages/strapi-plugin-content-type-builder/admin/src/containers/AttributesPickerModal/index.js
index a4a7f02dc5..a408df838c 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/containers/AttributesPickerModal/index.js
+++ b/packages/strapi-plugin-content-type-builder/admin/src/containers/AttributesPickerModal/index.js
@@ -133,9 +133,9 @@ class AttributesPickerModal extends React.Component {
     this.setState(prevState => ({ isDisplayed: !prevState.isDisplayed }));
 
   handleToggle = () => {
-    const { push, redirectUrl } = this.props;
+    const { push } = this.props;
 
-    push({ search: `${redirectUrl}` });
+    push({ search: '' });
   };
 
   updateNodeToFocus = position => this.setState({ nodeToFocus: position });
@@ -203,7 +203,6 @@ AttributesPickerModal.defaultProps = {
   isOpen: false,
   featureName: null,
   featureType: 'model',
-  redirectUrl: '',
 };
 
 AttributesPickerModal.propTypes = {
@@ -211,7 +210,6 @@ AttributesPickerModal.propTypes = {
   featureType: PropTypes.string,
   isOpen: PropTypes.bool,
   push: PropTypes.func.isRequired,
-  redirectUrl: PropTypes.string,
 };
 
 export default AttributesPickerModal;
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/containers/ModelPage/index.js b/packages/strapi-plugin-content-type-builder/admin/src/containers/ModelPage/index.js
index 57a2b5fdff..6f5ba33dc2 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/containers/ModelPage/index.js
+++ b/packages/strapi-plugin-content-type-builder/admin/src/containers/ModelPage/index.js
@@ -381,18 +381,12 @@ export class ModelPage extends React.Component {
   };
 
   handleRedirectToGroup = group => {
-    const {
-      history: { push },
-    } = this.props;
-
     const { source, uid } = group;
 
-    const baseTo = `/plugins/${pluginId}/groups/${uid}`;
-    const to = source ? `${baseTo}&source=${source}` : baseTo;
+    const base = `/plugins/${pluginId}/groups/${uid}`;
+    const to = source ? `${base}&source=${source}` : base;
 
-    push({
-      pathname: `${to}`,
-    });
+    this.props.history.push(to);
   };
 
   handleSubmit = (shouldContinue = false) => {