update

src/ts/components/Cards/components/Title.tsx

@@ -26,7 +26,7 @@ function LineTitle({
       key={column.title}
       className={`${style.card_title} ${className || ''} ${columnClassName || ''}`}
     >
-      {value}
+      {value || '—'}
     </div>
   );
 }

src/ts/components/Cards/helpers/getCardConfigs.ts

@@ -8,6 +8,10 @@ function getCardConfigs(
     column: IColumn,
     index: number,
   ) => {
+    if (column.template === ColumnTypesEnum.DETAILS) {
+      return acc;
+    }
+
     if (index === 0) {
       acc.text.push(column);
       return acc;

src/ts/components/PieChart/index.module.scss

@@ -27,14 +27,14 @@
   }
 
   &_legend {
-    min-width: 160px;
     padding-left: var(--space-xxl);
     vertical-align: middle;
   }
 
   &_line {
     position: relative;
-    display: block;
+    display: flex;
+    justify-content: flex-start;
     padding: 0 0 var(--space-xxs) 26px;
   }
 
@@ -63,4 +63,22 @@
   &_percent {
     width: 40px;
   }
+
+  &_text {
+    max-width: calc(100% - 40px);
+  }
+}
+
+@media (max-width: 700px) {
+  .pie_chart_icon,
+  .pie_chart_legend {
+      display: block;
+      height: auto;
+      margin: 0 auto;
+  }
+  .pie_chart_legend {
+    width: 100%;
+    padding-left: 0;
+    margin-top: var(--space-xxl);
+  }
 }

src/ts/components/Recommendations/components/ModalDescription.tsx

@@ -6,7 +6,6 @@ import { Modal, Header, Body, Footer } from 'ts/components/ModalWindow';
 import Description from 'ts/components/Description';
 import RECOMMENDATION_TYPES from 'ts/helpers/Recommendations/contstants';
 import localization from 'ts/helpers/Localization';
-import isMobile from 'ts/helpers/isMobile';
 
 import { getFormattedTitle, getDescriptionText } from '../helpers';
 import recommendationStore from '../store/index';
@@ -56,7 +55,7 @@ const RecommendationDescription = observer(() => {
       </Body>
       <Footer className={style.recommendations_modal_footer}>
         <UiKitButton
-          mode={[ isMobile ? 'primary' : 'border', 'full_size']}
+          mode={[ 'border', 'full_size']}
           className={style.recommendations_modal_button}
           onClick={() => {
             recommendationStore.close();

src/ts/components/UiKit/styles/wrapper.module.scss

@@ -1,5 +1,6 @@
 @import 'src/styles/variables';
 
+.ui_kit_select_with_buttons_wrapper + .ui_kit_wrapper,
 .ui_kit_wrapper + .ui_kit_wrapper {
   vertical-align: top;
   margin-top: var(--space-l);

src/ts/pages/Team/components/Country/styles/index.module.scss

@@ -14,3 +14,15 @@
     min-width: 350px;
   }
 }
+
+@media (max-width: 900px) {
+  .team_country_filter_select {
+    min-width: 100%;
+  }
+}
+
+@media (max-width: 700px) {
+  .team_country_filter_checkbox {
+    min-width: calc(49% - 24px);
+  }
+}