Removed the border-radius on align left

CHANGELOG.md

@@ -4,6 +4,17 @@ Changelog is rather internal in nature. See release notes for the public overvie
 
 ## Upcoming version 5.x.x (`develop` branch)
 
+- [#741]
+  - **Description:** Removed the border-radius on align left.
+  - **Products impact:** -.
+  - **Addresses:** -.
+  - **Components:** -.
+  - **Breaking:** no -.
+  - **Impacts a11y:** no -.
+  - **Guidance:** - Removed the border-radius on align left.
+
+[#741]: https://github.com/learningequality/kolibri-design-system/pull/751
+
 - [#650]
   - **Description:** Add `KRadioButtonGroup` component to fix keyboard navigation in radio button groups in Firefox 
   - **Products impact:** New API

lib/KCard/index.vue

@@ -266,21 +266,20 @@
           width: '100%',
           height: '100%',
         };
-
         if (this.layout === 'vertical' && this.thumbnailDisplay === 'large') {
-          return {
-            rootClass: 'vertical-with-large-thumbnail',
-            thumbnailAlignClass: undefined,
-            thumbnailAspectRatio: undefined,
-            headingStyles: {
-              ...headingCommonStyles,
-            },
-            thumbnailStyles: {
-              ...thumbnailCommonStyles,
-              borderRadius: '8px 8px 0 0',
-            },
-          };
-        }
+        return {
+          rootClass: 'vertical-with-large-thumbnail',
+          thumbnailAlignClass: undefined,
+          thumbnailAspectRatio: undefined,
+          headingStyles: {
+            ...headingCommonStyles,
+          },
+          thumbnailStyles: {
+            ...thumbnailCommonStyles,
+            borderRadius: '8px 8px 0 0',
+          },
+        };
+}
         if (this.layout === 'vertical' && this.thumbnailDisplay === 'small') {
           return {
             rootClass: 'vertical-with-small-thumbnail',
@@ -316,11 +315,11 @@
             thumbnailAspectRatio: undefined,
             headingStyles: {
               ...headingCommonStyles,
-              width: `calc(60% - ${SPACER * 2}px)` /* same as slots width defined in styles */,
+              width: `calc(60% - ${SPACER * 2}px)`, // same as slots width defined in styles
             },
             thumbnailStyles: {
               ...thumbnailCommonStyles,
-              borderRadius: '8px 0 0 8px',
+              borderRadius: this.thumbnailAlign === 'right' ? '0 8px 8px 0' : '8px 0 0 8px',
             },
           };
         }