Button fixes #2974

Author: kkartunov

src/shared/components/Contentful/ContentBlock/themes/blobCard.scss

@@ -4,9 +4,8 @@
 .contentWrapper {
   background-color: #0ab88a;
   border-radius: 10px;
-  box-shadow: 0 10px 22px 0 rgba(0, 0, 0, 0.25);
   width: 413px;
-  flex-direction: column;
+  flex-direction: column !important;
   padding: 0;
 }
 

src/shared/components/Contentful/Image/Image.jsx

@@ -61,7 +61,6 @@ export class ImageInner extends React.Component {
     const imageUrl = _.get(imageSource, 'file.url');
     const clipSvgUrl = _.get(clipSvg, 'file.url');
     const imgStyle = image.extraStylesForImage ? fixStyle(image.extraStylesForImage) : {};
-    console.log('imgStyle', imgStyle);
     if (clipSvgUrl) {
       imgStyle.display = 'none';
     }

src/shared/components/buttons/outline/tco/tco19-lg.scss

@@ -0,0 +1,26 @@
+@import "~styles/mixins";
+
+$tco-primary: #137d60;
+$tco-disabled-background: #e9e9e9;
+
+.tcoButton {
+  @include roboto-bold;
+
+  color: $tc-white !important;
+  background: $tco-primary !important;
+  font-weight: 700 !important;
+  border-radius: 20px !important;
+  font-size: 14px !important;
+  letter-spacing: 0.8px;
+  text-transform: uppercase;
+  text-decoration: none !important;
+  min-height: 40px !important;
+  margin-left: 0 !important;
+  border: none !important;
+}
+
+.tcoButtonDisabled {
+  background-color: $tco-disabled-background !important;
+  border-radius: 20px !important;
+  border: none !important;
+}

src/shared/components/buttons/outline/tco/tco19-sec-lg.scss

@@ -0,0 +1,26 @@
+@import "~styles/mixins";
+
+$tco-seconary: #229174;
+$tco-seconary-border: #0ab88a;
+$tco-disabled-background: #e9e9e9;
+
+.tcoButton {
+  @include roboto-bold;
+
+  color: $tco-seconary !important;
+  background: $tc-white !important;
+  font-weight: 700 !important;
+  border-radius: 20px !important;
+  font-size: 14px !important;
+  letter-spacing: 0.8px;
+  text-decoration: none !important;
+  min-height: 40px !important;
+  margin-left: 0 !important;
+  border: none !important;
+}
+
+.tcoButtonDisabled {
+  background-color: $tco-disabled-background !important;
+  border-radius: 20px !important;
+  border: none !important;
+}

src/shared/components/buttons/outline/tco/tco19-sec.scss

@@ -11,15 +11,16 @@ $tco-disabled-background: #e9e9e9;
   background: $tc-white !important;
   font-weight: 700 !important;
   border: 1px solid $tco-seconary-border !important;
-  border-radius: 20px !important;
-  font-size: 14px !important;
+  border-radius: 15px !important;
+  font-size: 12px !important;
   letter-spacing: 0.8px;
   text-decoration: none !important;
-  min-height: 40px !important;
+  min-height: 30px !important;
   margin-left: 0 !important;
 }
 
 .tcoButtonDisabled {
   background-color: $tco-disabled-background !important;
-  border-radius: 20px !important;
+  border-radius: 15px !important;
+  border: none !important;
 }

src/shared/components/buttons/outline/tco/tco19.scss

@@ -22,4 +22,5 @@ $tco-disabled-background: #e9e9e9;
 .tcoButtonDisabled {
   background-color: $tco-disabled-background !important;
   border-radius: 20px !important;
+  border: none !important;
 }

src/shared/utils/markdown.js

@@ -24,6 +24,8 @@ import AnchorLink from 'react-anchor-link-smooth-scroll';
 import Modal from 'components/Contentful/Modal';
 import NewsletterArchive from 'containers/NewsletterArchive';
 
+import tco19SecLg from 'components/buttons/outline/tco/tco19-sec-lg.scss';
+import tco19Lg from 'components/buttons/outline/tco/tco19-lg.scss';
 import tco19Sec from 'components/buttons/outline/tco/tco19-sec.scss';
 import tco19 from 'components/buttons/outline/tco/tco19.scss';
 import tco18 from 'components/buttons/outline/tco/tco18.scss';
@@ -43,7 +45,9 @@ import tco07 from 'components/buttons/outline/tco/tco07.scss';
 */
 const tcoButtonThemes = {
   'tco19-sec': tco19Sec,
+  'tco19-sec-lg': tco19SecLg,
   tco19,
+  'tco19-lg': tco19Lg,
   tco18, // default
   tco17: tco18,
   tco16,