Challenge SidePanel tweaking (#162)

packages/learn/src/templates/Challenges/classic/Show.js

@@ -209,7 +209,7 @@ class ShowClassic extends PureComponent {
     const showPreview =
       challengeType === challengeTypes.html ||
       challengeType === challengeTypes.modern;
-    const blockNameTitle = `${blockName} - ${title}`;
+    const blockNameTitle = `${blockName}: ${title}`;
     return (
       <Fragment>
         <Helmet title={`${blockNameTitle} | Learn freeCodeCamp`} />

packages/learn/src/templates/Challenges/components/Challenge-Title.js

@@ -15,11 +15,10 @@ function ChallengeTitle({ children, isCompleted }) {
     );
   }
   return (
-    <h4 className='text-center challenge-title'>
+    <h2 className='text-center challenge-title'>
       {children || 'Happy Coding!'}
       {icon}
-      <hr />
-    </h4>
+    </h2>
   );
 }
 

packages/learn/src/templates/Challenges/components/Side-Panel.js

@@ -68,7 +68,6 @@ export class SidePanel extends PureComponent {
           <ChallengeTitle>{title}</ChallengeTitle>
           <ChallengeDescription description={description} />
         </div>
-        <hr />
         <ToolPanel guideUrl={guideUrl} />
         <TestSuite tests={tests} />
       </div>