fix css for slack self invite svg

hackforla · Jan 25, 2024 · 104c46b · 104c46b
1 parent 7044b03
commit 104c46b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 10 deletions.
diff --git a/_sass/components/_communities-of-practice.scss b/_sass/components/_communities-of-practice.scss
@@ -4,15 +4,14 @@
   max-width: 508px;
   margin-top: 31px;
 
-  svg.icon {
-    path {
-      fill: #fa114f;
-    }
-    margin-top: 15px;
-    margin-right: 27px;
-    width: 24px;
-    height: 24px;
-    min-width: 24px;
+  .self-invite-img {
+    color: #fa114f;
+    margin-top: 14px;
+    margin-right: 26px;
+    margin-left: -1px;
+    width: 26px;
+    height: 26px;
+    min-width: 26px;
   }
 
   .alert--communities {

diff --git a/pages/communities-of-practice.html b/pages/communities-of-practice.html
@@ -15,7 +15,9 @@ <h1 class="title1">Communities of Practice</h1>
             If you'd like to join one of the Communities of Practice that has a regular meeting time, join their Slack channel and look for the meeting details, usually pinned or in the description. Otherwise, see the "How to get started" sections below.
         </p>
             <div class="header-self-invite--communities">
-                {% include svg/icon-slack.svg %}
+                <svg version="1.1" class="self-invite-img" viewBox="0 0 90 90" xmlns="http://www.w3.org/2000/svg" width="100%">
+                    {% include svg/icon-slack.svg %}
+                </svg>
                 <p class="alert--communities">To join the Slack channels below, you first need to be a member of our Hack for LA Slack Community. If you have not joined yet, please follow the steps in <a href="/getting-started" target="_blank">Getting Started</a>.
             </p></div>
     </div>