From 0a0d69a361171a9536bce17c16f57bcd76a8e2a2 Mon Sep 17 00:00:00 2001 From: Ivan Shcheklein Date: Wed, 4 Dec 2019 13:10:37 -0800 Subject: [PATCH] minor design changes to online tutorial buttons --- src/Documentation/RightPanel/RightPanel.js | 2 +- src/Documentation/Tutorials.js | 2 +- static/img/katacoda_grey_small.png | Bin 0 -> 11449 bytes static/tutorial-icons/katacoda.png | Bin 2103 -> 0 bytes 4 files changed, 2 insertions(+), 2 deletions(-) create mode 100644 static/img/katacoda_grey_small.png delete mode 100644 static/tutorial-icons/katacoda.png diff --git a/src/Documentation/RightPanel/RightPanel.js b/src/Documentation/RightPanel/RightPanel.js index c1e9a9e3bd..085d54a74c 100644 --- a/src/Documentation/RightPanel/RightPanel.js +++ b/src/Documentation/RightPanel/RightPanel.js @@ -139,7 +139,7 @@ export default class RightPanel extends React.PureComponent { ▶️ {' '} - It can be run online + It can be run online:
diff --git a/src/Documentation/Tutorials.js b/src/Documentation/Tutorials.js index 91215ed86e..01e118bb33 100644 --- a/src/Documentation/Tutorials.js +++ b/src/Documentation/Tutorials.js @@ -62,7 +62,7 @@ const ExternalButton = styled(LightButton)` const KatacodaButton = styled(ExternalButton)` i { - background-image: url(/static/tutorial-icons/katacoda.png); + background-image: url(/static/img/katacoda_grey_small.png); width: 24px; height: 24px; } diff --git a/static/img/katacoda_grey_small.png b/static/img/katacoda_grey_small.png new file mode 100644 index 0000000000000000000000000000000000000000..8c8f8c9a0dadd18bc41403f56895c49af8b91ae5 GIT binary patch literal 11449 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