Improve wrapping of text in sidebar

(cherry picked from commit f58dfc5605738ebccdd6adc6f1ca2a7843c086b2)
2 months ago · c7c07404b0
parent abeeee9363
commit c7c07404b0
3 changed files with 2 additions and 8 deletions
--- a/frontend/src/Components/Page/Sidebar/PageSidebarItem.css
+++ b/frontend/src/Components/Page/Sidebar/PageSidebarItem.css
@ -24,6 +24,7 @@
  composes: link;

  padding: 10px 24px;
+  padding-left: 35px;
 }

 .isActiveLink {
@ -41,10 +42,6 @@
  text-align: center;
 }

-.noIcon {
-  margin-left: 25px;
-}
-
 .status {
  float: right;
 }
--- a/frontend/src/Components/Page/Sidebar/PageSidebarItem.css.d.ts
+++ b/frontend/src/Components/Page/Sidebar/PageSidebarItem.css.d.ts
@ -8,7 +8,6 @@ interface CssExports {
  'isActiveParentLink': string;
  'item': string;
  'link': string;
-  'noIcon': string;
  'status': string;
 }
 export const cssExports: CssExports;
--- a/frontend/src/Components/Page/Sidebar/PageSidebarItem.js
+++ b/frontend/src/Components/Page/Sidebar/PageSidebarItem.js
@ -63,9 +63,7 @@ class PageSidebarItem extends Component {
              </span>
          }

-          <span className={isChildItem ? styles.noIcon : null}>
-            {typeof title === 'function' ? title() : title}
-          </span>
+          {typeof title === 'function' ? title() : title}

          {
            !!StatusComponent &&