fix: fixed styling of buttons (#1250)

* fix: fixed styling of buttons

* test: updated test snapshots

Author: eemaanamir

src/profile/CertificateCard.jsx

@@ -97,7 +97,7 @@ const CertificateCard = ({
               target="_blank"
               showLaunchIcon={false}
               className={classNames(
-                'btn btn-primary btn-rounded font-weight-normal px-4 py-10px',
+                'btn btn-primary font-weight-normal px-4 py-10px',
                 { 'btn-sm': isMobileView },
               )}
             >

src/profile/ProfilePage.jsx

@@ -134,7 +134,7 @@ const ProfilePage = ({ params }) => {
     return (
       <Hyperlink
         className={classNames(
-          'btn btn-brand bg-brand-500 btn-rounded font-weight-normal px-4 py-10px text-nowrap',
+          'btn btn-brand bg-brand-500 font-weight-normal px-4 py-10px text-nowrap',
           { 'w-100': isMobileView },
         )}
         target="_blank"

src/profile/__snapshots__/ProfilePage.test.jsx.snap

@@ -671,7 +671,7 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
               class="p-0  col-auto"
             >
               <a
-                class="pgn__hyperlink default-link standalone-link btn btn-brand bg-brand-500 btn-rounded font-weight-normal px-4 py-10px text-nowrap"
+                class="pgn__hyperlink default-link standalone-link btn btn-brand bg-brand-500 font-weight-normal px-4 py-10px text-nowrap"
                 href="http://localhost:18150/records"
                 rel="noopener noreferrer"
                 target="_blank"
@@ -1442,7 +1442,7 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
                     class="pt-3"
                   >
                     <a
-                      class="pgn__hyperlink default-link standalone-link btn btn-primary btn-rounded font-weight-normal px-4 py-10px"
+                      class="pgn__hyperlink default-link standalone-link btn btn-primary font-weight-normal px-4 py-10px"
                       href="http://www.example.com/"
                       rel="noopener noreferrer"
                       target="_blank"
@@ -2358,7 +2358,7 @@ exports[`<ProfilePage /> Renders correctly in various states without credentials
                     class="pt-3"
                   >
                     <a
-                      class="pgn__hyperlink default-link standalone-link btn btn-primary btn-rounded font-weight-normal px-4 py-10px"
+                      class="pgn__hyperlink default-link standalone-link btn btn-primary font-weight-normal px-4 py-10px"
                       href="http://www.example.com/"
                       rel="noopener noreferrer"
                       target="_blank"

src/profile/index.scss

@@ -164,10 +164,6 @@
 
 // Todo: Move the following to edx-paragon
 
-.btn-rounded {
-  border-radius: 100px;
-}
-
 .min-width-179px {
   min-width: 179px;
 }