fix: issue #54

Author: yoution

src/components/Pagination/styles.module.scss

@@ -1,12 +1,20 @@
 @import "styles/include";
 
+.button-margin {
+  margin-top: 10px;
+}
+
 .pagination {
   display: flex;
+  flex-wrap: wrap;
+  margin-bottom: -10px;
 
   .page {
     padding: 0 10px;
     margin: 0 5px;
     min-width: 30px;
+
+    @extend .button-margin
   }
 
   .current {
@@ -16,6 +24,7 @@
   }
 
   .next {
+    @extend .button-margin
     margin-left: 5px;
 
     > svg {
@@ -29,6 +38,7 @@
 
   .prev {
     margin-right: 5px;
+    @extend .button-margin
 
     > svg {
       margin-right: 3px;

src/components/SkillsList/index.jsx

@@ -101,6 +101,7 @@ const SkillsList = ({ requiredSkills, skills, limit = 3 }) => {
                     <div styleName="skills-section">
                       <div styleName="skills-title">Required Job Skills</div>
                       <ul styleName="skills-list">
+                        {!requiredSkills.length && <li>None</li>}
                         {requiredSkills.map((skill) => (
                           <li key={skill.id}>
                             {_.find(skills, { id: skill.id }) ? (

src/components/SkillsList/styles.module.scss

@@ -22,10 +22,12 @@
 
 .popover-content {
   display: flex;
-  padding: 24px;
+  flex-wrap: wrap;
+  padding: 4px 24px 24px;
 }
 
 .skills-section {
+  margin-top: 20px;
   padding-right: 32px;
 }