Fix 'view course' link styles

Author: maddiedierker

apps/src/templates/sectionProgress/SectionProgress.jsx

@@ -45,15 +45,9 @@ const styles = {
   lessonSelectorContainer: {
     float: 'right',
   },
-  viewCourseLink: {
-    float: 'right',
-    marginTop: 10,
-  },
   viewCourseLinkBox: {
     width: '100%',
-    height: 10,
-    lineHeight: '10px',
-    clear: 'both'
+    textAlign: 'right',
   },
 };
 
@@ -130,17 +124,15 @@ class SectionProgress extends Component {
 
     return (
       <div>
-        <div style={styles.viewCourseLinkBox}>
-          <div style={styles.viewCourseLink}>
-            {linkToOverview &&
-              <SmallChevronLink
-                link={linkToOverview}
-                linkText={i18n.viewCourse()}
-                isRtl={false}
-              />
-            }
+        {linkToOverview &&
+          <div style={styles.viewCourseLinkBox}>
+            <SmallChevronLink
+              link={linkToOverview}
+              linkText={i18n.viewCourse()}
+              isRtl={false}
+            />
           </div>
-        </div>
+        }
         <div style={styles.selectorContainer}>
           <div style={styles.scriptSelectorContainer}>
             <div style={{...h3Style, ...styles.heading}}>