wip

src/view/cmp/card/card.scss

@@ -67,8 +67,6 @@ $cardTypes: (
 	flex-wrap: wrap;
 }
 
-
-
 .card__image {
 	width: 140px;
 	height: 90px;
@@ -91,9 +89,13 @@ $cardTypes: (
 	flex-direction: column;
 	justify-content: center;
 	margin: 10px 0;
+	max-width: 100%;
+	max-height: 4em;
 	font-weight: 500;
 	font-size: 15px;
-	line-height: 20px;
+	line-height: 1.333333;
+	word-break: break-word;
+	overflow: hidden;
 }
 
 button.card__button {
@@ -138,7 +140,7 @@ button.card__button {
 	box-sizing: border-box;
 	padding: 10px;
 	width: 160px;
-	min-height: 210px;
+	min-height: 222px;
 	color: #605D5D;
 	background-color: $bg-main;
 	border: 1px solid $bg-main;
@@ -159,6 +161,7 @@ button.card__button {
 }
 
 .card--disabled .card__title {
+	max-height: 90px;
 	font-size: 13px;
 	line-height: 17px;
 }

src/view/cmp/progress/progress.scss

@@ -17,3 +17,8 @@
 	background-image: radial-gradient(50% 50% at 50% 50%, #34BE5B 0%, #009A2C 100%);
 	box-shadow: none;
 }
+
+.progress-bar .incomplete {
+	background-image: radial-gradient(50% 50% at 50% 50%, #DA0000 40.62%, #C80303 100%);
+	box-shadow: none;
+}