From f9dc234da74856adb556c725359681923da26c5e Mon Sep 17 00:00:00 2001
From: Stefan Popov <stefanpopov@list.ru>
Date: Fri, 7 Aug 2020 00:47:29 +0400
Subject: [PATCH 1/2] Fix styles

---
 src/components/Card/SCard.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Card/SCard.vue b/src/components/Card/SCard.vue
index ba72dfbc..248e1f29 100644
--- a/src/components/Card/SCard.vue
+++ b/src/components/Card/SCard.vue
@@ -62,6 +62,7 @@ export default class SCard extends Vue {
 @import "../../styles/variables.scss";
 
 .s-card {
+  color: $color-basic-black;
   border-radius: 8px;
   border-color: $color-neutral-border;
   &.clickable {

From a1d6b483ad799d627939a6dc9bbc158b19fbf496 Mon Sep 17 00:00:00 2001
From: Stefan Popov <stefanpopov@list.ru>
Date: Fri, 7 Aug 2020 00:47:52 +0400
Subject: [PATCH 2/2] Add icons

---
 src/assets/icons/link-off.svg |  3 +++
 src/assets/icons/link-on.svg  |  3 +++
 src/assets/icons/play.svg     |  3 +++
 src/assets/icons/stop.svg     |  3 +++
 src/styles/icons.scss         | 36 +++++++++++++++++++++++++++++++++++
 5 files changed, 48 insertions(+)
 create mode 100644 src/assets/icons/link-off.svg
 create mode 100644 src/assets/icons/link-on.svg
 create mode 100644 src/assets/icons/play.svg
 create mode 100644 src/assets/icons/stop.svg

diff --git a/src/assets/icons/link-off.svg b/src/assets/icons/link-off.svg
new file mode 100644
index 00000000..c9aebc1f
--- /dev/null
+++ b/src/assets/icons/link-off.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.6267 7.48704C14.38 5.84038 12.88 4.66704 11.2133 4.66704H9.30001C8.95334 4.66704 8.66667 4.95371 8.66667 5.30038C8.66667 5.64704 8.95334 5.93371 9.30001 5.93371H11.2333C12.3 5.93371 13.26 6.69371 13.38 7.75371C13.4933 8.70704 12.9533 9.54704 12.1467 9.90038L13.08 10.8337C14.1667 10.1537 14.84 8.89371 14.6267 7.48704ZM2.74667 2.37371C2.48667 2.11371 2.06667 2.11371 1.80667 2.37371C1.54667 2.63371 1.54667 3.05371 1.80667 3.31371L3.40667 4.91371C2.11334 5.44704 1.22667 6.76038 1.34667 8.27371C1.48667 10.0337 3.06001 11.3337 4.82001 11.3337H6.70001C7.04667 11.3337 7.33334 11.047 7.33334 10.7004C7.33334 10.3537 7.04667 10.067 6.70001 10.067H4.77334C3.68667 10.067 2.70667 9.27371 2.60667 8.18704C2.50667 7.04038 3.34667 6.07371 4.44001 5.95371L5.84001 7.35371C5.55334 7.41371 5.33334 7.66038 5.33334 7.96704V8.03371C5.33334 8.38038 5.62001 8.66704 5.96667 8.66704H7.15334L8.66667 10.1804V11.3337H9.82001L12.02 13.5337C12.28 13.7937 12.7 13.7937 12.96 13.5337C13.22 13.2737 13.22 12.8537 12.96 12.5937L2.74667 2.37371ZM10.6667 7.96704C10.6667 7.62038 10.38 7.33371 10.0333 7.33371H9.59334L10.5867 8.32704C10.6333 8.24038 10.6667 8.14038 10.6667 8.03371V7.96704Z" fill="#2D2926"/>
+</svg>
diff --git a/src/assets/icons/link-on.svg b/src/assets/icons/link-on.svg
new file mode 100644
index 00000000..bd161522
--- /dev/null
+++ b/src/assets/icons/link-on.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.3334 4.66699H9.33337C8.96671 4.66699 8.66671 4.96699 8.66671 5.33366C8.66671 5.70033 8.96671 6.00033 9.33337 6.00033H11.3334C12.4334 6.00033 13.3334 6.90033 13.3334 8.00033C13.3334 9.10033 12.4334 10.0003 11.3334 10.0003H9.33337C8.96671 10.0003 8.66671 10.3003 8.66671 10.667C8.66671 11.0337 8.96671 11.3337 9.33337 11.3337H11.3334C13.1734 11.3337 14.6667 9.84033 14.6667 8.00033C14.6667 6.16033 13.1734 4.66699 11.3334 4.66699ZM5.33337 8.00033C5.33337 8.36699 5.63337 8.66699 6.00004 8.66699H10C10.3667 8.66699 10.6667 8.36699 10.6667 8.00033C10.6667 7.63366 10.3667 7.33366 10 7.33366H6.00004C5.63337 7.33366 5.33337 7.63366 5.33337 8.00033ZM6.66671 10.0003H4.66671C3.56671 10.0003 2.66671 9.10033 2.66671 8.00033C2.66671 6.90033 3.56671 6.00033 4.66671 6.00033H6.66671C7.03337 6.00033 7.33337 5.70033 7.33337 5.33366C7.33337 4.96699 7.03337 4.66699 6.66671 4.66699H4.66671C2.82671 4.66699 1.33337 6.16033 1.33337 8.00033C1.33337 9.84033 2.82671 11.3337 4.66671 11.3337H6.66671C7.03337 11.3337 7.33337 11.0337 7.33337 10.667C7.33337 10.3003 7.03337 10.0003 6.66671 10.0003Z" fill="#2D2926"/>
+</svg>
diff --git a/src/assets/icons/play.svg b/src/assets/icons/play.svg
new file mode 100644
index 00000000..6d53a8df
--- /dev/null
+++ b/src/assets/icons/play.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 3L13 8L5 13V3Z" fill="#2D2926" stroke="#2D2926" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/icons/stop.svg b/src/assets/icons/stop.svg
new file mode 100644
index 00000000..44135c3e
--- /dev/null
+++ b/src/assets/icons/stop.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.33333 4H10.6667C11.4 4 12 4.6 12 5.33333V10.6667C12 11.4 11.4 12 10.6667 12H5.33333C4.6 12 4 11.4 4 10.6667V5.33333C4 4.6 4.6 4 5.33333 4Z" fill="#2D2926"/>
+</svg>
diff --git a/src/styles/icons.scss b/src/styles/icons.scss
index 685667b9..623c651e 100644
--- a/src/styles/icons.scss
+++ b/src/styles/icons.scss
@@ -28,6 +28,42 @@
     height: 16px;
   }
 
+  &play {
+    position: absolute;
+    background-image: url('~@/assets/icons/play.svg');
+    width: 16px;
+    height: 16px;
+    left: -8px;
+    top: -8px;
+  }
+
+  &stop {
+    position: absolute;
+    background-image: url('~@/assets/icons/stop.svg');
+    width: 16px;
+    height: 16px;
+    left: -8px;
+    top: -8px;
+  }
+
+  &link-on {
+    position: absolute;
+    background-image: url('~@/assets/icons/link-on.svg');
+    width: 16px;
+    height: 16px;
+    left: -8px;
+    top: -8px;
+  }
+
+  &link-off {
+    position: absolute;
+    background-image: url('~@/assets/icons/link-off.svg');
+    width: 16px;
+    height: 16px;
+    left: -8px;
+    top: -8px;
+  }
+
   &plus-small {
     position: absolute;
     background-image: url('~@/assets/icons/plus.svg');