Replace correct social media logos (#266)

Signed-off-by: tiaoyuw <tiaoyuw@ca.ibm.com>

Author: travis1111

docs/_includes/topbar.html

@@ -20,18 +20,21 @@
                     <a class="nav-link cw-nav-link cw-header-link-text" href="https://medium.com/codewind">Blog</a>
                 </li>
 
-                <li class="nav-item cw-navbar-item cw-header-link">
-                    <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="twitter icon"  title="twitter icon" src="images/banner/twitter.svg"/></a>
+                 <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="github icon"  class="banner-image"  title="github icon" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/banner/github.svg"/></a>
                 </li>
+                
                 <li class="nav-item cw-navbar-item cw-header-link">
-                    <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="youtube icon"  title="youtube icon" src="images/banner/youtube.svg"/></a>
+                    <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="twitter icon"  class="banner-image" title="twitter icon" src="images/banner/twitter.png"/></a>
                 </li>
-                <li class="nav-item cw-navbar-item cw-header-link">
-                    <a class="nav-link cw-nav-link" href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="mattermost icon"  title="mattermost icon" src="images/banner/mattermost.svg"/></a>
+                 <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="mattermost icon"  class="banner-image"  title="mattermost icon" src="images/banner/mattermost.png"/></a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link">
-                    <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="github icon"  title="github icon" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/banner/github.svg"/></a>
+                    <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="youtube icon"  class="banner-image" title="youtube icon" src="images/banner/youtube.png"/></a>
                 </li>
+               
+               
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>

docs/css/styles.css

@@ -19,7 +19,9 @@ code {
 .main {
     margin: auto;
 }
-
+.banner-image {
+	width: 40px;
+}
 .cw-main-content {
     position: absolute;
     top: 115px;