Fix the issues for "is helpful task" section..

Author: rakeshAlgo

src/css/is-this-helpful.css

@@ -21,14 +21,14 @@
   margin: 15px 0;
 }
 
-.is-this-helpful-box .btn-row .helpfull-btn {
+.is-this-helpful-box .btn-row .helpful-btn {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: var(--color-brand-gray4);
 }
 
-.is-this-helpful-box .btn-row .helpfull-btn:hover,
-.is-this-helpful-box .btn-row .helpfull-btn.active {
+.is-this-helpful-box .btn-row .helpful-btn:hover,
+.is-this-helpful-box .btn-row .helpful-btn.active {
   color: var(--color-brand-blue);
   text-decoration: none;
 }

src/partials/toc.hbs

@@ -2,29 +2,29 @@
   <div class="sidebar-box">
       <div class="toc-menu"></div>
         <div class="is-this-helpful-box">
-          <h4> Is this page helpful ?</h4>
+          <h4> Is this page helpful?</h4>
             <div class="btn-row">
-              <a href="#" class="like-btn helpfull-btn" id="yesBtn" data-page-rating="like" >
+              <a href="#" class="like-btn helpful-btn" id="yesBtn" data-page-rating="like" >
                      <i class="far fa-thumbs-up"></i>
                  Yes
 
                  </a>
-              <a href="#" class="dislike-btn helpfull-btn" id="noBtn"  data-page-rating="dislike"> <i class="far fa-thumbs-down"></i> No</a>
+              <a href="#" class="dislike-btn helpful-btn" id="noBtn"  data-page-rating="dislike"> <i class="far fa-thumbs-down"></i> No</a>
             </div>
             <div class="any-feedback">
               <a href="#" class="btn any-feedback-btn">Leave Additional Feedback? </a>
             </div>
             <div class="dialog-box" id="dialogBox">
               <form>
-                  <div class="form-group " id="additionalFeedbackBox"> 
+                  <div class="form-group " id="additionalFeedbackBox">
                     <textarea class="input-control feed-back-msg" rows="8" placeholder="Any Additonal Feedback?"></textarea>
-                    
+
                     <div class="action-btn-row ">
                       <a href="#" class="skip-btn" id="skipBtnMsg">Skip</a>
                        <button class="submit-btn btn blue-btn disabled" > Submit  </button>
                        <a href="#" class="info-btn"><i class="fas fa-info-circle"></i></a>
                     </div>
-               
+
 
                   </div>
 
@@ -33,7 +33,7 @@
                          <div class="action-btn-row leave-feedback-btn-row">
                             <a href="#" class="skip-btn" id="skipLeaveBtn">Skip</a>
                             <button class="yes-btn btn blue-btn"> Yes  </button>
-                            
+
                       </div>
                   </div> --}}
               </form>