fix: review issues

Author: veshu

README.md

@@ -18,7 +18,9 @@ This is a [single-spa](https://single-spa.js.org/) example React microapp.
 
 ## Config
 
-For available variables config, please refer to `config/development.js` and `config/production.js`.
+For available variables config which depend on the running environment (`development` or `production`), please refer to `config/development.js` and `config/production.js`.
+
+For application constants which don't depend on the running environment use `src/constants/index.js`.
 
 ## NPM Commands
 

src/routes/MyTeamsList/components/TeamCard/index.jsx

@@ -46,9 +46,11 @@ const TeamCard = ({ team }) => {
         />
       </div>
 
-      <Link to={`/taas/myteams/${team.id}`} styleName="title">
-        {team.name}
-      </Link>
+      <div styleName="title-wrapper">
+        <Link to={`/taas/myteams/${team.id}`} styleName="title">
+          {team.name}
+        </Link>
+      </div>
 
       <div styleName="data-items">
         <DataItem title="Start - End Date" icon={<IconCalendar />}>

src/routes/MyTeamsList/components/TeamCard/styles.module.scss

@@ -6,17 +6,25 @@
   position: relative;
 }
 
+.title-wrapper {
+  box-sizing: border-box;
+  padding-right: 24px;
+  width: 100%;
+}
+
 .title {
   @include font-barlow;
   color: #219174;
   display: inline-block;
   font-size: 20px;
   font-weight: 600;
   line-height: 24px;
-  overflow: hidden;
+  margin-right: 40px;
   text-decoration: none;
   text-transform: uppercase;
+  overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
   max-width: 100%;
 }